CSS Gradient Maker

Blend two colors into a linear gradient, set the angle, and copy the CSS straight into your project.

How to use

1. Pick two colors.
2. Drag the angle slider.
3. Copy the generated CSS.

Frequently asked questions

Can I use this gradient anywhere?

Yes — paste the CSS into any background property.

Related tools