"Berry Iris Breeze" Gradient
Create gradient0% · #C31432
- HEX
- #C31432
- RGB
- 195, 20, 50
- HSL
- 349.71°, 81.40%, 42.16%
- OKLCH
- 0.5229, 0.2014, 21.06°
- CMYK
- 0.00%, 89.74%, 74.36%, 23.53%
- Temp.
- Warm
- Brightness
- 29.70%
- Text color
- #F7FFFF
100% · #240B36
- HEX
- #240B36
- RGB
- 36, 11, 54
- HSL
- 274.88°, 66.15%, 12.75%
- OKLCH
- 0.2164, 0.0814, 307.58°
- CMYK
- 33.33%, 79.63%, 0.00%, 78.82%
- Temp.
- Cool
- Brightness
- 9.17%
- Text color
- #F7FFFF
CSS code for Berry Iris 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, #C31432 0.00%, #240B36 100.00%);background-image: linear-gradient(-45deg, #C31432 0.00%, #240B36 100.00%);