"Rose Petal Dawn" Gradient
Create gradient0% · #FF0084
- HEX
- #FF0084
- RGB
- 255, 0, 132
- HSL
- 328.94°, 100.00%, 50.00%
- OKLCH
- 0.6465, 0.2614, 1.22°
- CMYK
- 0.00%, 100.00%, 48.24%, 0.00%
- Temp.
- Warm
- Brightness
- 35.80%
- Text color
- #F7FFFF
100% · #33001B
- HEX
- #33001B
- RGB
- 51, 0, 27
- HSL
- 328.24°, 100.00%, 10.00%
- OKLCH
- 0.2101, 0.0865, 353.93°
- CMYK
- 0.00%, 100.00%, 47.06%, 80.00%
- Temp.
- Warm
- Brightness
- 7.19%
- Text color
- #F7FFFF
CSS code for Rose Petal Dawn 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, #FF0084 0.00%, #33001B 100.00%);background-image: linear-gradient(-45deg, #FF0084 0.00%, #33001B 100.00%);