🌈 CSS Gradient Maker

Create beautiful CSS gradients with live preview and export

Controls

Type

Angle: 90°

Color 1

Color 2

Preview

CSS Code

How to Use

Choose gradient type (linear or radial)
Adjust angle (linear) or shape (radial)
Pick your colors using the color pickers
Preview updates in real-time
Copy the CSS code or download as PNG