What this tool does
Build linear or radial CSS gradients with two colors and an angle slider. Live preview plus copyable background CSS.
How to use
- Pick linear or radial.
- Set two colors (and angle for linear).
- Copy the CSS.
FAQ
More than two stops?
Two colors only — add stops manually after copying.
Export as an image?
CSS only. Use the screenshot maker for gradient store backgrounds.
More tools in thedeveloper toolbox. For store preview shots, try theApp Store screenshot maker.