"Sage Brick Grove" Gradient
Create gradient0% · #C6FFDD
- HEX
- #C6FFDD
- RGB
- 198, 255, 221
- HSL
- 144.21°, 100.00%, 88.82%
- OKLCH
- 0.9521, 0.0736, 158.47°
- CMYK
- 22.35%, 0.00%, 13.33%, 0.00%
- Temp.
- Cool
- Brightness
- 91.80%
- Text color
- #111827
100% · #F7797D
- HEX
- #F7797D
- RGB
- 247, 121, 125
- HSL
- 358.10°, 88.73%, 72.16%
- OKLCH
- 0.7229, 0.1545, 19.75°
- CMYK
- 0.00%, 51.01%, 49.39%, 3.14%
- Temp.
- Warm
- Brightness
- 62.40%
- Text color
- #111827
CSS code for Sage Brick 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, #C6FFDD 0.00%, #F7797D 100.00%);background-image: linear-gradient(-45deg, #C6FFDD 0.00%, #F7797D 100.00%);