Gradient Generator

Create CSS gradients

100% private — everything stays in your browser

Angle: 90°

#3b82f6

#8b5cf6

CSS

background: linear-gradient(90deg, #3b82f6, #8b5cf6);

How to use Gradient Generator

1
Pick your color — Use the color picker or enter a color value above to get started.
2
Adjust your settings — Use the interactive controls to fine-tune colors, adjust values, or configure options.
3
Copy the result — Copy the generated color codes (HEX, RGB, HSL) or CSS output. Everything runs locally in your browser.