🎨 CSS Gradient Generator
Build a linear or radial gradient with any number of color stops. Adjust colors, positions and angle, watch the live preview, and copy the finished background CSS.
1. Controls
Linear
Radial
Build a linear or radial gradient with any number of color stops. Adjust colors, positions and angle, watch the live preview, and copy the finished background CSS.