CSS Gradient Generator
Build linear or radial CSS gradients with a live preview and copy-ready code.
Quick answer: Build linear or radial CSS gradients with a live preview and copy-ready code.
Last updated
Frequently asked questions
- Is the gradient generator free?
- Yes — free with no signup.
- Linear or radial?
- Both — switch between linear and radial gradients with the type selector.
- Can I add more than two color stops?
- The current version supports two stops; the resulting CSS is easy to extend by hand if you need more.
- Does the output work everywhere?
- Yes — the syntax is plain CSS supported by every browser shipped since 2014.
- Are my colors uploaded?
- No — the preview and CSS generation run entirely in your browser.