"Blush Peony Spark" Gradient
Create gradient0% · #CC2B5E
- HEX
- #CC2B5E
- RGB
- 204, 43, 94
- HSL
- 340.99°, 65.18%, 48.43%
- OKLCH
- 0.5612, 0.1968, 8.22°
- CMYK
- 0.00%, 78.92%, 53.92%, 20.00%
- Temp.
- Warm
- Brightness
- 38.02%
- Text color
- #F7FFFF
100% · #753A88
- HEX
- #753A88
- RGB
- 117, 58, 136
- HSL
- 285.38°, 40.21%, 38.04%
- OKLCH
- 0.4576, 0.1356, 317.28°
- CMYK
- 13.97%, 57.35%, 0.00%, 46.67%
- Temp.
- Warm
- Brightness
- 33.15%
- Text color
- #F7FFFF
CSS code for Blush Peony Spark 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, #CC2B5E 0.00%, #753A88 100.00%);background-image: linear-gradient(-45deg, #CC2B5E 0.00%, #753A88 100.00%);