Gradient Generator

Create stunning CSS gradients with live preview. Choose colors, adjust angles, and export as CSS or SVG.

%
%

Popular Presets

How to Use

1

Choose Colors

Pick 2-5 colors and adjust their positions

2

Adjust Settings

Select gradient type and angle

3

Export

Copy CSS code or download as SVG