"Urban Sapphire Wave" Gradient
Create gradient0% · #2C69D1
- HEX
- #2C69D1
- RGB
- 44, 105, 209
- HSL
- 217.82°, 65.22%, 49.61%
- OKLCH
- 0.5400, 0.1729, 260.40°
- CMYK
- 78.95%, 49.76%, 0.00%, 18.04%
- Temp.
- Cool
- Brightness
- 38.67%
- Text color
- #F7FFFF
100% · #0ABCF9
- HEX
- #0ABCF9
- RGB
- 10, 188, 249
- HSL
- 195.31°, 95.22%, 50.78%
- OKLCH
- 0.7460, 0.1491, 230.98°
- CMYK
- 95.98%, 24.50%, 0.00%, 2.35%
- Temp.
- Cool
- Brightness
- 55.58%
- Text color
- #F7FFFF
CSS code for Urban Sapphire Wave 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, #2C69D1 0.00%, #0ABCF9 100.00%);background-image: linear-gradient(-45deg, #2C69D1 0.00%, #0ABCF9 100.00%);