CSS Gradient Generator
Design custom linear and radial gradients with adjustable color stops and angles, then copy the clean CSS output.
90deg
background: linear-gradient(90deg, #10b981 0%, #0f172a 100%);
Gradient Reference
1. Linear Gradients
Transitions colors along a straight line defined by an angle or direction (e.g., 90deg, to right).
2. Radial Gradients
Transitions colors outward from a central point, radiating evenly across the shape of the container element.