"Ice Navy Spark" Gradient
Create gradient0% · #77EED8
- HEX
- #77EED8
- RGB
- 119, 238, 216
- HSL
- 168.91°, 77.78%, 70.00%
- OKLCH
- 0.8738, 0.1130, 179.86°
- CMYK
- 50.00%, 0.00%, 9.24%, 6.67%
- Temp.
- Cool
- Brightness
- 78.40%
- Text color
- #111827
100% · #9EABE4
- HEX
- #9EABE4
- RGB
- 158, 171, 228
- HSL
- 228.86°, 56.45%, 75.69%
- OKLCH
- 0.7519, 0.0836, 274.29°
- CMYK
- 30.70%, 25.00%, 0.00%, 10.59%
- Temp.
- Cool
- Brightness
- 68.08%
- Text color
- #111827
CSS code for Ice Navy Spark 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, #77EED8 0.00%, #9EABE4 100.00%);background-image: linear-gradient(-45deg, #77EED8 0.00%, #9EABE4 100.00%);