Gradient generator

Your gradient
Two to five colors, from start to end.

Paste a HEX, RGB, HSL or OKLCH value.

55%
46%
258°

Shape

90°

How colors blend

Preview
Click the CSS to copy it, or press C.

Steps

Solid colors along the gradient. Click one to copy it.

5

Ideas from #276ED2

Gradients that start from your first color.