▦
CSS Gradient Generator
Create beautiful CSS gradients with a live preview
0%
100%
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
About this tool
CSS Gradient Generator is a free online tool to visually create linear and radial CSS gradients. Add color stops, adjust angles, and copy the ready-to-use CSS code. Works entirely in your browser.