CSS Gradient Generator

Create beautiful CSS gradients visually.

Gradient Type

Angle: 90°

Color 1

Color 2

CSS Code

About CSS Gradients

CSS gradients create smooth transitions between colors. Linear gradients transition along a line, while radial gradients transition from a center point outward.

FAQ

Copy the CSS code and use it as a background: background: linear-gradient(...);

Yes! All modern browsers support CSS gradients without prefixes.