"Sapphire Marine Breeze" Gradient
Create gradient0% · #48A9FE
- HEX
- #48A9FE
- RGB
- 72, 169, 254
- HSL
- 208.02°, 98.91%, 63.92%
- OKLCH
- 0.7156, 0.1538, 248.31°
- CMYK
- 71.65%, 33.46%, 0.00%, 0.39%
- Temp.
- Cool
- Brightness
- 58.70%
- Text color
- #111827
100% · #0BEEF9
- HEX
- #0BEEF9
- RGB
- 11, 238, 249
- HSL
- 182.77°, 95.20%, 50.98%
- OKLCH
- 0.8636, 0.1460, 200.81°
- CMYK
- 95.58%, 4.42%, 0.00%, 2.35%
- Temp.
- Cool
- Brightness
- 67.21%
- Text color
- #111827
CSS code for Sapphire Marine Breeze 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, #48A9FE 0.00%, #0BEEF9 100.00%);background-image: linear-gradient(-45deg, #48A9FE 0.00%, #0BEEF9 100.00%);