Gradient Generator
Build a linear or radial gradient with multiple color stops and copy the ready-made CSS code.
135°
#6366f1
#ec4899
background: linear-gradient(135deg, #6366f1, #ec4899);How to use it
- 1Add one or more color stops.
- 2Choose linear or radial direction and adjust the angle.
- 3Copy the generated CSS code.
Frequently asked questions
Related tools
Category: Colors