"Pool Wheat Shore" Gradient
Create gradient0% · #00C3FF
- HEX
- #00C3FF
- RGB
- 0, 195, 255
- HSL
- 194.12°, 100.00%, 50.00%
- OKLCH
- 0.7646, 0.1514, 229.43°
- CMYK
- 100.00%, 23.53%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 56.29%
- Text color
- #F7FFFF
100% · #FFFF1C
- HEX
- #FFFF1C
- RGB
- 255, 255, 28
- HSL
- 60.00°, 100.00%, 55.49%
- OKLCH
- 0.9684, 0.2073, 109.72°
- CMYK
- 0.00%, 0.00%, 89.02%, 0.00%
- Temp.
- Warm
- Brightness
- 89.85%
- Text color
- #111827
CSS code for Pool Wheat 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, #00C3FF 0.00%, #FFFF1C 100.00%);background-image: linear-gradient(-45deg, #00C3FF 0.00%, #FFFF1C 100.00%);