Free Tool

CSS Gradient Generator

Build beautiful gradients visually — drag stops, pick colors, switch linear or radial, copy the CSS.

02763100
HEX
R
G
B

Stops

°
Linear · 90°
CSS
background: #2A7B9B;
background: linear-gradient(90deg, #2A7B9B 0%, #57C785 27%, #7DCD78 63%, #EDDD53 100%);