"Natural Midnight Veil" Gradient
Create gradient0% · #314755
- HEX
- #314755
- RGB
- 49, 71, 85
- HSL
- 203.33°, 26.87%, 26.27%
- OKLCH
- 0.3856, 0.0364, 236.88°
- CMYK
- 42.35%, 16.47%, 0.00%, 66.67%
- Temp.
- Cool
- Brightness
- 25.89%
- Text color
- #F7FFFF
100% · #26A0DA
- HEX
- #26A0DA
- RGB
- 38, 160, 218
- HSL
- 199.33°, 70.87%, 50.20%
- OKLCH
- 0.6682, 0.1322, 235.47°
- CMYK
- 82.57%, 26.61%, 0.00%, 14.51%
- Temp.
- Cool
- Brightness
- 51.03%
- Text color
- #F7FFFF
CSS code for Natural Midnight Veil gradient
Copy either declaration into a CSS rule to reproduce this gradient. Both examples use the same gradient type, direction and color stop positions as the preview.
background: linear-gradient(-45deg, #314755 0.00%, #26A0DA 100.00%);background-image: linear-gradient(-45deg, #314755 0.00%, #26A0DA 100.00%);