Linear · 135°
1. Gradient Type
2. Direction
deg
3. Color Stops
%
%
%
%
%
%
4. Animation
s
5. Opacity
%
CSS
background: linear-gradient(135deg,
#6366f1 0%,
#ec4899 50%,
#f59e0b 100%
);Popular Presets
About CSS Gradient Generator
Create beautiful CSS gradients visually. Customize colors, direction, stops, and opacity, add a flowing color animation, then copy the CSS instantly.