Gradient Generator

Create beautiful CSS gradients with an intuitive visual editor. Customize colors, angles, and export ready-to-use code.

Gradient Type

Angle

90°

Color Stops

%

%

Preset Gradients

Live Preview

CSS Code

background: linear-gradient(90deg, #4ade80 0%, #3b82f6 100%);

Background Image

background-image: linear-gradient(90deg, #4ade80 0%, #3b82f6 100%);