"Turquoise Olive Breeze" Gradient
Create gradient0% · #00C9FF
- HEX
- #00C9FF
- RGB
- 0, 201, 255
- HSL
- 192.71°, 100.00%, 50.00%
- OKLCH
- 0.7786, 0.1489, 226.02°
- CMYK
- 100.00%, 21.18%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 57.67%
- Text color
- #F7FFFF
100% · #92FE9D
- HEX
- #92FE9D
- RGB
- 146, 254, 157
- HSL
- 126.11°, 98.18%, 78.43%
- OKLCH
- 0.9086, 0.1652, 146.32°
- CMYK
- 42.52%, 0.00%, 38.19%, 0.39%
- Temp.
- Cool
- Brightness
- 82.61%
- Text color
- #111827
CSS code for Turquoise Olive Breeze 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, #00C9FF 0.00%, #92FE9D 100.00%);background-image: linear-gradient(-45deg, #00C9FF 0.00%, #92FE9D 100.00%);