CSS Gradient Generator
Design beautiful CSS gradients visually. Linear, radial, and conic — with color stops and presets.
Advertisement
135°
Color Stops
Gradient Presets
Advertisement
About CSS Gradients
CSS gradients allow you to create smooth transitions between colors without images. Linear gradients transition along a straight line at any angle. Radial gradients radiate from a center point. Conic gradients rotate around a center point like a color wheel.
Multiple color stops can be added to create complex, multi-color gradients. Each stop has a color and a position (0%–100%) along the gradient axis.