"Sapphire Sky Spark" Gradient
Create gradient0% · #2980B9
- HEX
- #2980B9
- RGB
- 41, 128, 185
- HSL
- 203.75°, 63.72%, 44.31%
- OKLCH
- 0.5759, 0.1190, 242.28°
- CMYK
- 77.84%, 30.81%, 0.00%, 27.45%
- Temp.
- Cool
- Brightness
- 42.54%
- Text color
- #F7FFFF
100% · #2C3E50
- HEX
- #2C3E50
- RGB
- 44, 62, 80
- HSL
- 210.00°, 29.03%, 24.31%
- OKLCH
- 0.3564, 0.0391, 248.97°
- CMYK
- 45.00%, 22.50%, 0.00%, 68.63%
- Temp.
- Cool
- Brightness
- 23.01%
- Text color
- #F7FFFF
CSS code for Sapphire Sky Spark 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, #2980B9 0.00%, #2C3E50 100.00%);background-image: linear-gradient(-45deg, #2980B9 0.00%, #2C3E50 100.00%);