CSS Gradient Generator
Create CSS gradients visually.
from
to
background: linear-gradient(135deg, #7c6cf3 0%, #ff6b9a 100%);
Presets (30)
About this tool
Build linear or radial CSS gradients between two colours with adjustable angle. Copy the generated CSS for use in your stylesheet.