Peachy Keen Gradient
Soft peach blending into a dusty rose.
Open in the gradient generator →
Color Stops
#FFB88C
#DE6262
Peachy Keen CSS Code
HEX Copy
background: #FFB88C; background: linear-gradient(45deg, #FFB88C 0%, #DE6262 100%);
RGBA Copy
background: rgba(255, 184, 140, 1.0); background: linear-gradient(45deg, rgba(255, 184, 140, 1.0) 0%, rgba(222, 98, 98, 1.0) 100%);
HSLA Copy
background: hsla(23, 100%, 77%, 1.0); background: linear-gradient(45deg, hsla(23, 100%, 77%, 1.0) 0%, hsla(0, 65%, 63%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Peachy Keen gradient?Soft peach blending into a dusty rose.
What's the CSS code for the Peachy Keen gradient?
Use
background: linear-gradient(45deg, #FFB88C 0%, #DE6262 100%);. RGBA and HSLA versions are also available on this page.