"Rose Lemon Bloom" Gradient
Create gradient0% · #F53803
- HEX
- #F53803
- RGB
- 245, 56, 3
- HSL
- 13.14°, 97.58%, 48.63%
- OKLCH
- 0.6324, 0.2291, 33.50°
- CMYK
- 0.00%, 77.14%, 98.78%, 3.92%
- Temp.
- Warm
- Brightness
- 41.75%
- Text color
- #F7FFFF
100% · #F5D020
- HEX
- #F5D020
- RGB
- 245, 208, 32
- HSL
- 49.58°, 91.42%, 54.31%
- OKLCH
- 0.8639, 0.1720, 95.46°
- CMYK
- 0.00%, 15.10%, 86.94%, 3.92%
- Temp.
- Warm
- Brightness
- 78.04%
- Text color
- #111827
CSS code for Rose Lemon 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, #F53803 0.00%, #F5D020 100.00%);background-image: linear-gradient(-45deg, #F53803 0.00%, #F5D020 100.00%);