"Violet Sapphire Grove" Gradient
Create gradient0% · #B993D6
- HEX
- #B993D6
- RGB
- 185, 147, 214
- HSL
- 274.03°, 44.97%, 70.78%
- OKLCH
- 0.7222, 0.1033, 309.84°
- CMYK
- 13.55%, 31.31%, 0.00%, 16.08%
- Temp.
- Cool
- Brightness
- 65.10%
- Text color
- #111827
100% · #8CA6DB
- HEX
- #8CA6DB
- RGB
- 140, 166, 219
- HSL
- 220.25°, 52.32%, 70.39%
- OKLCH
- 0.7252, 0.0829, 264.18°
- CMYK
- 36.07%, 24.20%, 0.00%, 14.12%
- Temp.
- Cool
- Brightness
- 64.42%
- Text color
- #111827
CSS code for Violet Sapphire Grove 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, #B993D6 0.00%, #8CA6DB 100.00%);background-image: linear-gradient(-45deg, #B993D6 0.00%, #8CA6DB 100.00%);