"Azure Sky Ray" Gradient
Create gradient0% · #ABDCFF
- HEX
- #ABDCFF
- RGB
- 171, 220, 255
- HSL
- 205.00°, 100.00%, 83.53%
- OKLCH
- 0.8721, 0.0704, 239.68°
- CMYK
- 32.94%, 13.73%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 82.09%
- Text color
- #111827
100% · #0396FF
- HEX
- #0396FF
- RGB
- 3, 150, 255
- HSL
- 205.00°, 100.00%, 50.59%
- OKLCH
- 0.6626, 0.1865, 249.94°
- CMYK
- 98.82%, 41.18%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 46.28%
- Text color
- #F7FFFF
CSS code for Azure Sky Ray 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, #ABDCFF 0.00%, #0396FF 100.00%);background-image: linear-gradient(-45deg, #ABDCFF 0.00%, #0396FF 100.00%);