"Teal Pool Horizon" Gradient
Create gradient0% · #02AAB0
- HEX
- #02AAB0
- RGB
- 2, 170, 176
- HSL
- 182.07°, 97.75%, 34.90%
- OKLCH
- 0.6705, 0.1138, 199.27°
- CMYK
- 98.86%, 3.41%, 0.00%, 30.98%
- Temp.
- Cool
- Brightness
- 47.24%
- Text color
- #F7FFFF
100% · #00CDAC
- HEX
- #00CDAC
- RGB
- 0, 205, 172
- HSL
- 170.34°, 100.00%, 40.20%
- OKLCH
- 0.7576, 0.1422, 175.50°
- CMYK
- 100.00%, 0.00%, 16.10%, 19.61%
- Temp.
- Cool
- Brightness
- 54.88%
- Text color
- #F7FFFF
CSS code for Teal Pool Horizon 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, #02AAB0 0.00%, #00CDAC 100.00%);background-image: linear-gradient(-45deg, #02AAB0 0.00%, #00CDAC 100.00%);