"Sun Scarlet Flare" Gradient
Create gradient0% · #FFCC2F
- HEX
- #FFCC2F
- RGB
- 255, 204, 47
- HSL
- 45.29°, 100.00%, 59.22%
- OKLCH
- 0.8664, 0.1663, 88.93°
- CMYK
- 0.00%, 20.00%, 81.57%, 0.00%
- Temp.
- Warm
- Brightness
- 78.96%
- Text color
- #111827
100% · #EF5734
- HEX
- #EF5734
- RGB
- 239, 87, 52
- HSL
- 11.23°, 85.39%, 57.06%
- OKLCH
- 0.6551, 0.1938, 34.32°
- CMYK
- 0.00%, 63.60%, 78.24%, 6.27%
- Temp.
- Warm
- Brightness
- 50.38%
- Text color
- #F7FFFF
CSS code for Sun Scarlet Flare 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, #FFCC2F 0.00%, #EF5734 100.00%);background-image: linear-gradient(-45deg, #FFCC2F 0.00%, #EF5734 100.00%);