Color

Gradient

Linear and radial gradients with presets, effects, and CSS or Tailwind export.

Gradient bar

Click the bar to add a stop. Drag handles to reposition.

Export

.gradient {
  background: linear-gradient(135deg, #6366f1 0%,
    #a855f7 50%,
    #ec4899 100%);
}