"Azure Navy Shore" Gradient
Create gradient0% · #0F2027
- HEX
- #0F2027
- RGB
- 15, 32, 39
- HSL
- 197.50°, 44.44%, 10.59%
- OKLCH
- 0.2321, 0.0264, 226.41°
- CMYK
- 61.54%, 17.95%, 0.00%, 84.71%
- Temp.
- Cool
- Brightness
- 10.87%
- Text color
- #F7FFFF
100% · #2C5364
- HEX
- #2C5364
- RGB
- 44, 83, 100
- HSL
- 198.21°, 38.89%, 28.24%
- OKLCH
- 0.4209, 0.0525, 228.22°
- CMYK
- 56.00%, 17.00%, 0.00%, 60.78%
- Temp.
- Cool
- Brightness
- 28.74%
- Text color
- #F7FFFF
CSS code for Azure Navy Shore 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, #0F2027 0.00%, #2C5364 100.00%);background-image: linear-gradient(-45deg, #0F2027 0.00%, #2C5364 100.00%);