Gradient Generator
Build a two-color linear or radial CSS gradient and copy the declaration.
Everything runs in your browser. Files and text are not uploaded or saved.Gradient
background: linear-gradient(135deg, #2f6bff, #8b5cf6);
How to Use
- Choose linear or radial.
- Pick the two colors and, for linear, the angle.
- The preview updates immediately.
- Copy the CSS or reset.
FAQ
How many colors can it use?
Two colors.
What is copied?
A background declaration, for example background: linear-gradient(...).
Does this upload anything?
No.