Moonlit Pond Gradient
Cool silver-blue sinking into deep midnight.
Open in the gradient generator →
Color Stops
#C9D6E3
#4B6584
#1B2838
Moonlit Pond CSS Code
HEX Copy
background: #C9D6E3; background: radial-gradient(at center top, #C9D6E3 0%, #4B6584 50%, #1B2838 100%);
RGBA Copy
background: rgba(201, 214, 227, 1.0); background: radial-gradient(at center top, rgba(201, 214, 227, 1.0) 0%, rgba(75, 101, 132, 1.0) 50%, rgba(27, 40, 56, 1.0) 100%);
HSLA Copy
background: hsla(210, 32%, 84%, 1.0); background: radial-gradient(at center top, hsla(210, 32%, 84%, 1.0) 0%, hsla(213, 28%, 41%, 1.0) 50%, hsla(213, 35%, 16%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Moonlit Pond gradient?Cool silver-blue sinking into deep midnight.
What's the CSS code for the Moonlit Pond gradient?
Use
background: radial-gradient(at center top, #C9D6E3 0%, #4B6584 50%, #1B2838 100%);. RGBA and HSLA versions are also available on this page.