TheColorPalette

Menu

Create Beautiful Gradients

Design stunning gradients with our intuitive generator. Choose from linear or radial types, customize colors and directions, then export to multiple formats including PNG, SVG, and CSS.

Gradient Summary

#6366F1 at 0%
#EC4899 at 100%

Type: Linear Gradient

Direction: 0deg

Customize Gradient

CSS Code

<style>
.gradient {
  background: linear-gradient(0deg, #6366F1 0%, #EC4899 100%);
}
</style>

Gradient Presets