"Scarlet Aqua Ember" Gradient
Create gradient0% · #FF4B1F
- HEX
- #FF4B1F
- RGB
- 255, 75, 31
- HSL
- 11.79°, 100.00%, 56.08%
- OKLCH
- 0.6667, 0.2226, 34.17°
- CMYK
- 0.00%, 70.59%, 87.84%, 0.00%
- Temp.
- Warm
- Brightness
- 48.55%
- Text color
- #F7FFFF
100% · #1FDDFF
- HEX
- #1FDDFF
- RGB
- 31, 221, 255
- HSL
- 189.11°, 100.00%, 56.08%
- OKLCH
- 0.8271, 0.1420, 214.58°
- CMYK
- 87.84%, 13.33%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 65.91%
- Text color
- #111827
CSS code for Scarlet Aqua Ember 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, #FF4B1F 0.00%, #1FDDFF 100.00%);background-image: linear-gradient(-45deg, #FF4B1F 0.00%, #1FDDFF 100.00%);