"Denim Sapphire Breeze" Gradient
Create gradient0% · #1488CC
- HEX
- #1488CC
- RGB
- 20, 136, 204
- HSL
- 202.17°, 82.14%, 43.92%
- OKLCH
- 0.6015, 0.1389, 242.60°
- CMYK
- 90.20%, 33.33%, 0.00%, 20.00%
- Temp.
- Cool
- Brightness
- 42.77%
- Text color
- #F7FFFF
100% · #2B32B2
- HEX
- #2B32B2
- RGB
- 43, 50, 178
- HSL
- 236.89°, 61.09%, 43.33%
- OKLCH
- 0.4090, 0.1972, 271.39°
- CMYK
- 75.84%, 71.91%, 0.00%, 30.20%
- Temp.
- Cool
- Brightness
- 24.51%
- Text color
- #F7FFFF
CSS code for Denim Sapphire 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, #1488CC 0.00%, #2B32B2 100.00%);background-image: linear-gradient(-45deg, #1488CC 0.00%, #2B32B2 100.00%);