Back to home

Gradient Generator

Linear, radial and conic gradients with editable stops and copy-ready CSS

Type
Angle135°
Stops
  • 1
    0%
  • 2
    100%
CSS
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Stops are sorted by position. For linear gradients 0° points up and 90° right; conic gradients start at 0° and rotate clockwise.