CSS GRADIENT GENERATOR

Build a gradient, copy the code.

Pick colors, adjust the angle, and get ready-to-use CSS.

Type

Angle90°

How to use this

Choose linear or radial, adjust the angle for linear gradients, and add or edit color stops. The CSS updates live — copy it straight into your stylesheet.