CSS Gradient Generator — AmberDevTools

Create beautiful CSS gradients visually with live preview.

How to use:

Choose linear or radial gradient
Pick colors with the color pickers
Adjust direction with the slider
Copy the CSS code at the bottom

Color 1:

Color 2:

Direction: 90°

✓ Generated