Midnight Blue Gradient
A three-stop descent from near-black into deep blue.
Open in the gradient generator → Color Stops
#0F2027
#203A43
#2C5364
Midnight Blue CSS Code
HEX Copy
background: #0F2027; background: linear-gradient(180deg, #0F2027 0%, #203A43 50%, #2C5364 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) 50%, rgba(44, 83, 100, 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) 50%, hsla(198, 39%, 28%, 1.0) 100%);