Twilight Haze Gradient
Dark dusk blues warming into soft pink at the edge.
Open in the gradient generator →
Color Stops
#0F2027
#203A43
#2C5364
#F7797D
Twilight Haze CSS Code
HEX Copy
background: #0F2027; background: linear-gradient(180deg, #0F2027 0%, #203A43 30%, #2C5364 65%, #F7797D 100%);
RGBA Copy
background: rgba(15, 32, 39, 1.0); background: linear-gradient(180deg, rgba(15, 32, 39, 1.0) 0%, rgba(32, 58, 67, 1.0) 30%, rgba(44, 83, 100, 1.0) 65%, rgba(247, 121, 125, 1.0) 100%);
HSLA Copy
background: hsla(198, 44%, 11%, 1.0); background: linear-gradient(180deg, hsla(198, 44%, 11%, 1.0) 0%, hsla(195, 35%, 19%, 1.0) 30%, hsla(198, 39%, 28%, 1.0) 65%, hsla(358, 89%, 72%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Twilight Haze gradient?Dark dusk blues warming into soft pink at the edge.
What's the CSS code for the Twilight Haze gradient?
Use
background: linear-gradient(180deg, #0F2027 0%, #203A43 30%, #2C5364 65%, #F7797D 100%);. RGBA and HSLA versions are also available on this page.