CSS Gradient Generator
Create beautiful CSS linear and radial gradients with a live preview, custom colors and angle, then copy the CSS. Free and in-browser.
Color stops
#f26a1b
#ff5e7e
Angle135°
CSS
background: linear-gradient(135deg, #f26a1b 0%, #ff5e7e 100%);Frequently asked questions
Can I copy the CSS?+
Yes — copy the ready-to-use background CSS with one click.