Gradient Generator

Create beautiful CSS gradients with live preview

Gradient Type

Number of Colors

Color 1

Color 2

Direction

Presets

CSS Code

background: linear-gradient(to right, #3b82f6, #8b5cf6);

Advertisement Space