gradient-gen

CSS Gradient Generator

Build linear and radial gradients and copy the CSS.

Gradient type

Angle: 90°

Color 1

Color 2

CSS

background: linear-gradient(90deg, #5b5fef, #12b3a8);

How to use the CSS Gradient Generator

Choose a linear or radial gradient type.
Pick your two colors and, for linear gradients, set the angle.
Preview the result live and copy the generated CSS straight into your stylesheet.