Gradient Generator
Create beautiful CSS gradients with our easy-to-use tool. Perfect for backgrounds, buttons, and UI elements.
Gradient Type
Colors
%
%
Preset Gradients
Gradient Preview
CSS Code
background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);
-webkit-background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);
background-size: 100% 100%;
background-repeat: no-repeat;
CSS code copied to clipboard!