CSS Gradient Generator
Create beautiful CSS gradients visually. Choose colors, adjust direction and type (linear or radial), and get the CSS code instantly. Supports multiple color stops, custom angles, and live preview. Copy the generated CSS with one click.
0%
100%
background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);