Free CSS Gradient Generator

Create beautiful gradients in seconds with our easy-to-use generator. Adjust colors, angles, and styles, then copy the ready CSS gradient code instantly. Perfect for designers and developers who want smooth, modern color blends for any project.

HEX

R G B A

Type

Angle

Stops

CSS

background: linear-gradient(0deg, rgba(149, 134, 255, 1) 0%, rgba(109, 94, 247, 1) 100%);