Gradient Generator

Create beautiful CSS gradients with an intuitive visual editor

Preview

Live preview of your gradient

background: linear-gradient(90deg, #ff0080 0%, #7928ca 100%);

Gradient Type

Angle: 90°

Color Stops

0%

100%

Popular Gradients

Click to apply a preset gradient