"Clear Azure Garden" Gradient
Create gradient0% · #005C97
- HEX
- #005C97
- RGB
- 0, 92, 151
- HSL
- 203.44°, 100.00%, 29.61%
- OKLCH
- 0.4613, 0.1204, 246.66°
- CMYK
- 100.00%, 39.07%, 0.00%, 40.78%
- Temp.
- Cool
- Brightness
- 27.93%
- Text color
- #F7FFFF
100% · #363795
- HEX
- #363795
- RGB
- 54, 55, 149
- HSL
- 239.37°, 46.80%, 39.80%
- OKLCH
- 0.3966, 0.1504, 276.61°
- CMYK
- 63.76%, 63.09%, 0.00%, 41.57%
- Temp.
- Cool
- Brightness
- 25.65%
- Text color
- #F7FFFF
CSS code for Clear Azure Garden 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, #005C97 0.00%, #363795 100.00%);background-image: linear-gradient(-45deg, #005C97 0.00%, #363795 100.00%);