CSS Gradient Generator
Create beautiful gradients and copy the CSS code instantly
Sunset
Ocean
Forest
Cotton Candy
Sunrise
Berry
Live Preview
Color Stops
CSS Code
background: linear-gradient(to right, #4285f4, #34a853);
How to Use
- Select gradient type and direction
- Add or remove color stops as needed
- Adjust colors using the color pickers
- Copy the generated CSS code
Browser Support
CSS gradients are supported in all modern browsers: