GEN-09Generators
CSS Gradient Generator
A linear gradient with ready CSS
GEN-09Result
Your data never leaves your device: this tool runs locally in the browser.
CSS Gradient Generator
Pick two colors and a direction — the tool shows a live preview and a ready linear-gradient CSS line you can paste straight into your styles.
Frequently asked questions
Which browsers support linear-gradient?
All modern browsers, mobile included — no prefixes needed.
Can I make a three-color gradient?
Yes, CSS accepts any number of comma-separated colors — add a third one to the generated line.