CSS Gradient Generator

Build linear and radial CSS gradients visually. Add color stops, adjust angles, and copy the CSS code.

Preview

Settings

Angle90deg

Color Stops

100%

CSS Code

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

Was this page helpful?

Related tools