"Ocean Azure Ray" Gradient
Create gradient0% · #97ABFF
- HEX
- #97ABFF
- RGB
- 151, 171, 255
- HSL
- 228.46°, 100.00%, 79.61%
- OKLCH
- 0.7592, 0.1230, 272.95°
- CMYK
- 40.78%, 32.94%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 68.47%
- Text color
- #111827
100% · #123597
- HEX
- #123597
- RGB
- 18, 53, 151
- HSL
- 224.21°, 78.70%, 33.14%
- OKLCH
- 0.3766, 0.1650, 264.41°
- CMYK
- 88.08%, 64.90%, 0.00%, 40.78%
- Temp.
- Cool
- Brightness
- 21.06%
- Text color
- #F7FFFF
CSS code for Ocean Azure 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, #97ABFF 0.00%, #123597 100.00%);background-image: linear-gradient(-45deg, #97ABFF 0.00%, #123597 100.00%);