"Berry Pumpkin Bloom" Gradient
Create gradient0% · #E44D26
- HEX
- #E44D26
- RGB
- 228, 77, 38
- HSL
- 12.32°, 77.87%, 52.16%
- OKLCH
- 0.6248, 0.1940, 35.07°
- CMYK
- 0.00%, 66.23%, 83.33%, 10.59%
- Temp.
- Warm
- Brightness
- 46.16%
- Text color
- #F7FFFF
100% · #F16529
- HEX
- #F16529
- RGB
- 241, 101, 41
- HSL
- 18.00°, 87.72%, 55.29%
- OKLCH
- 0.6748, 0.1862, 41.02°
- CMYK
- 0.00%, 58.09%, 82.99%, 5.49%
- Temp.
- Warm
- Brightness
- 53.34%
- Text color
- #F7FFFF
CSS code for Berry Pumpkin 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, #E44D26 0.00%, #F16529 100.00%);background-image: linear-gradient(-45deg, #E44D26 0.00%, #F16529 100.00%);