"Brick Peony Breeze" Gradient
Create gradient0% · #F05F57
- HEX
- #F05F57
- RGB
- 240, 95, 87
- HSL
- 3.14°, 83.61%, 64.12%
- OKLCH
- 0.6707, 0.1805, 26.25°
- CMYK
- 0.00%, 60.42%, 63.75%, 5.88%
- Temp.
- Warm
- Brightness
- 53.90%
- Text color
- #F7FFFF
100% · #360940
- HEX
- #360940
- RGB
- 54, 9, 64
- HSL
- 289.09°, 75.34%, 14.31%
- OKLCH
- 0.2516, 0.1033, 319.51°
- CMYK
- 15.63%, 85.94%, 0.00%, 74.90%
- Temp.
- Warm
- Brightness
- 11.26%
- Text color
- #F7FFFF
CSS code for Brick Peony Breeze 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, #F05F57 0.00%, #360940 100.00%);background-image: linear-gradient(-45deg, #F05F57 0.00%, #360940 100.00%);