CSS Gradient Generator

Linear, radial and conic CSS gradients with multiple colour stops, plus random presets.

How to use

1. Pick type, angle and colour stops. Add as many stops as you like.
2. Copy the CSS. A solid fallback colour is included.

FAQ

Do gradients work in all browsers?

Yes. All modern browsers support linear, radial and conic gradients.

Open CSS Gradient Generator · All free tools