"Sand Sapphire Breeze" Gradient
Create gradient0% · #F0FF00
- HEX
- #F0FF00
- RGB
- 240, 255, 0
- HSL
- 63.53°, 100.00%, 50.00%
- OKLCH
- 0.9562, 0.2150, 114.04°
- CMYK
- 5.88%, 0.00%, 100.00%, 0.00%
- Temp.
- Warm
- Brightness
- 86.84%
- Text color
- #111827
100% · #58CFFB
- HEX
- #58CFFB
- RGB
- 88, 207, 251
- HSL
- 196.20°, 95.32%, 66.47%
- OKLCH
- 0.8042, 0.1223, 225.90°
- CMYK
- 64.94%, 17.53%, 0.00%, 1.57%
- Temp.
- Cool
- Brightness
- 69.19%
- Text color
- #111827
CSS code for Sand Sapphire 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, #F0FF00 0.00%, #58CFFB 100.00%);background-image: linear-gradient(-45deg, #F0FF00 0.00%, #58CFFB 100.00%);