CSS gradient generator

Pick colors and an angle to design a linear gradient, preview it live, and copy the ready-to-use CSS.

Frequently asked questions

Can I use it in my website?

Yes — copy the generated CSS background property straight into your stylesheet.

More free tools