"Aqua Azure Ember" Gradient
Create gradient0% · #09C6F9
- HEX
- #09C6F9
- RGB
- 9, 198, 249
- HSL
- 192.75°, 95.24%, 50.59%
- OKLCH
- 0.7693, 0.1449, 225.11°
- CMYK
- 96.39%, 20.48%, 0.00%, 2.35%
- Temp.
- Cool
- Brightness
- 57.77%
- Text color
- #F7FFFF
100% · #045DE9
- HEX
- #045DE9
- RGB
- 4, 93, 233
- HSL
- 216.68°, 96.62%, 46.47%
- OKLCH
- 0.5276, 0.2240, 260.95°
- CMYK
- 98.28%, 60.09%, 0.00%, 8.63%
- Temp.
- Cool
- Brightness
- 32.29%
- Text color
- #F7FFFF
CSS code for Aqua Azure Ember 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, #09C6F9 0.00%, #045DE9 100.00%);background-image: linear-gradient(-45deg, #09C6F9 0.00%, #045DE9 100.00%);