Can I add more color stops?

This generator uses two stops; you can extend the copied CSS by hand.

Where does the CSS go?

Use it as the value of the background or background-image property.

Create linear and radial CSS gradients visually.

TypeAngle: 90°From color

To color

background: linear-gradient(90deg, #6366f1, #ec4899);

Design a CSS gradient with a live preview and copy the ready-to-use background code.

Can I add more color stops?: This generator uses two stops; you can extend the copied CSS by hand.
Where does the CSS go?: Use it as the value of the background or background-image property.