"Sapphire Marine Flare" Gradient
Create gradient0% · #1E9AFE
- HEX
- #1E9AFE
- RGB
- 30, 154, 254
- HSL
- 206.79°, 99.12%, 55.69%
- OKLCH
- 0.6732, 0.1785, 249.57°
- CMYK
- 88.19%, 39.37%, 0.00%, 0.39%
- Temp.
- Cool
- Brightness
- 50.32%
- Text color
- #F7FFFF
100% · #60DFCD
- HEX
- #60DFCD
- RGB
- 96, 223, 205
- HSL
- 171.50°, 66.49%, 62.55%
- OKLCH
- 0.8274, 0.1157, 182.68°
- CMYK
- 56.95%, 0.00%, 8.07%, 12.55%
- Temp.
- Cool
- Brightness
- 71.75%
- Text color
- #111827
CSS code for Sapphire Marine Flare 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, #1E9AFE 0.00%, #60DFCD 100.00%);background-image: linear-gradient(-45deg, #1E9AFE 0.00%, #60DFCD 100.00%);