Coral Sunset Deep Gradient
Slate blue easing into coral and warm sand.
Open in the gradient generator →
Color Stops
#2C3E50
#FD746C
#FF9068
#FFD3A5
Coral Sunset Deep CSS Code
HEX Copy
background: #2C3E50; background: linear-gradient(45deg, #2C3E50 0%, #FD746C 30%, #FF9068 65%, #FFD3A5 100%);
RGBA Copy
background: rgba(44, 62, 80, 1.0); background: linear-gradient(45deg, rgba(44, 62, 80, 1.0) 0%, rgba(253, 116, 108, 1.0) 30%, rgba(255, 144, 104, 1.0) 65%, rgba(255, 211, 165, 1.0) 100%);
HSLA Copy
background: hsla(210, 29%, 24%, 1.0); background: linear-gradient(45deg, hsla(210, 29%, 24%, 1.0) 0%, hsla(3, 97%, 71%, 1.0) 30%, hsla(16, 100%, 70%, 1.0) 65%, hsla(31, 100%, 82%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Coral Sunset Deep gradient?Slate blue easing into coral and warm sand.
What's the CSS code for the Coral Sunset Deep gradient?
Use
background: linear-gradient(45deg, #2C3E50 0%, #FD746C 30%, #FF9068 65%, #FFD3A5 100%);. RGBA and HSLA versions are also available on this page.