Twilight Pool Gradient
Deep blue merging into dusky purple.
Open in the gradient generator →
Color Stops
#2C3E70
#5B4B8A
#1A1030
Twilight Pool CSS Code
HEX Copy
background: #2C3E70; background: radial-gradient(at right top, #2C3E70 0%, #5B4B8A 50%, #1A1030 100%);
RGBA Copy
background: rgba(44, 62, 112, 1.0); background: radial-gradient(at right top, rgba(44, 62, 112, 1.0) 0%, rgba(91, 75, 138, 1.0) 50%, rgba(26, 16, 48, 1.0) 100%);
HSLA Copy
background: hsla(224, 44%, 31%, 1.0); background: radial-gradient(at right top, hsla(224, 44%, 31%, 1.0) 0%, hsla(255, 30%, 42%, 1.0) 50%, hsla(259, 50%, 13%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Twilight Pool gradient?Deep blue merging into dusky purple.
What's the CSS code for the Twilight Pool gradient?
Use
background: radial-gradient(at right top, #2C3E70 0%, #5B4B8A 50%, #1A1030 100%);. RGBA and HSLA versions are also available on this page.