CSS Gradient Generator (linear & radial)

Frequently asked questions

How do I use the gradient I made?

Copy the generated background: linear-gradient(...) code and paste it directly into the CSS style of your element.

In-browser Real-time No signup 100% free