CSS Gradient Generator

popularCSS

Create linear or radial gradients with a visual editor. Add multiple color stops, control angle and position, and copy the generated CSS gradient instantly.

Angle: 90°

Color Stops

#6366f10%

#8b5cf6100%

CSS Output

background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);