All tools

Gradient maker

Build a gradient from up to five color stops. Copy it as CSS or as a Tailwind class.

Type

Color stops

  • 0%
  • 55%
  • 100%

Presets

Export

background: linear-gradient(135deg, #ff3347 0%, #7c1d6f 55%, #130709 100%);