"Cherry Poppy Horizon" Gradient
Create gradient0% · #7B0D1E
- HEX
- #7B0D1E
- RGB
- 123, 13, 30
- HSL
- 350.73°, 80.88%, 26.67%
- OKLCH
- 0.3757, 0.1411, 20.78°
- CMYK
- 0.00%, 89.43%, 75.61%, 51.76%
- Temp.
- Warm
- Brightness
- 18.76%
- Text color
- #F7FFFF
100% · #DB7F8E
- HEX
- #DB7F8E
- RGB
- 219, 127, 142
- HSL
- 350.22°, 56.10%, 67.84%
- OKLCH
- 0.6997, 0.1146, 9.98°
- CMYK
- 0.00%, 42.01%, 35.16%, 14.12%
- Temp.
- Warm
- Brightness
- 61.26%
- Text color
- #111827
CSS code for Cherry Poppy Horizon 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, #7B0D1E 0.00%, #DB7F8E 100.00%);background-image: linear-gradient(-45deg, #7B0D1E 0.00%, #DB7F8E 100.00%);