"Warm Sage Bloom" Gradient
Create gradient0% · #1F4037
- HEX
- #1F4037
- RGB
- 31, 64, 55
- HSL
- 163.64°, 34.74%, 18.63%
- OKLCH
- 0.3432, 0.0423, 173.96°
- CMYK
- 51.56%, 0.00%, 14.06%, 74.90%
- Temp.
- Cool
- Brightness
- 20.83%
- Text color
- #F7FFFF
100% · #99F2C8
- HEX
- #99F2C8
- RGB
- 153, 242, 200
- HSL
- 151.69°, 77.39%, 77.45%
- OKLCH
- 0.8935, 0.1044, 162.90°
- CMYK
- 36.78%, 0.00%, 17.36%, 5.10%
- Temp.
- Cool
- Brightness
- 82.59%
- Text color
- #111827
CSS code for Warm Sage Bloom 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, #1F4037 0.00%, #99F2C8 100.00%);background-image: linear-gradient(-45deg, #1F4037 0.00%, #99F2C8 100.00%);