Coral Reef Gradient
Sunny orange into vivid coral red.
Open in the gradient generator →
Color Stops
#FF9966
#FF5E62
Coral Reef CSS Code
HEX Copy
background: #FF9966; background: linear-gradient(45deg, #FF9966 0%, #FF5E62 100%);
RGBA Copy
background: rgba(255, 153, 102, 1.0); background: linear-gradient(45deg, rgba(255, 153, 102, 1.0) 0%, rgba(255, 94, 98, 1.0) 100%);
HSLA Copy
background: hsla(20, 100%, 70%, 1.0); background: linear-gradient(45deg, hsla(20, 100%, 70%, 1.0) 0%, hsla(359, 100%, 68%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Coral Reef gradient?Sunny orange into vivid coral red.
What's the CSS code for the Coral Reef gradient?
Use
background: linear-gradient(45deg, #FF9966 0%, #FF5E62 100%);. RGBA and HSLA versions are also available on this page.