"Berry Pumpkin Shade" Gradient
Create gradient0% · #F46B45
- HEX
- #F46B45
- RGB
- 244, 107, 69
- HSL
- 13.03°, 88.83%, 61.37%
- OKLCH
- 0.6898, 0.1771, 36.33°
- CMYK
- 0.00%, 56.15%, 71.72%, 4.31%
- Temp.
- Warm
- Brightness
- 56.33%
- Text color
- #F7FFFF
100% · #EEA849
- HEX
- #EEA849
- RGB
- 238, 168, 73
- HSL
- 34.55°, 82.91%, 60.98%
- OKLCH
- 0.7819, 0.1367, 71.44°
- CMYK
- 0.00%, 29.41%, 69.33%, 6.67%
- Temp.
- Warm
- Brightness
- 69.84%
- Text color
- #111827
CSS code for Berry Pumpkin Shade 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, #F46B45 0.00%, #EEA849 100.00%);background-image: linear-gradient(-45deg, #F46B45 0.00%, #EEA849 100.00%);