"Bubblegum Peony Dream" Gradient
Create gradient0% · #F953C6
- HEX
- #F953C6
- RGB
- 249, 83, 198
- HSL
- 318.43°, 93.26%, 65.10%
- OKLCH
- 0.7030, 0.2316, 342.32°
- CMYK
- 0.00%, 66.67%, 20.48%, 2.35%
- Temp.
- Warm
- Brightness
- 57.15%
- Text color
- #F7FFFF
100% · #B91D73
- HEX
- #B91D73
- RGB
- 185, 29, 115
- HSL
- 326.92°, 72.90%, 41.96%
- OKLCH
- 0.5256, 0.1997, 353.64°
- CMYK
- 0.00%, 84.32%, 37.84%, 27.45%
- Temp.
- Warm
- Brightness
- 33.51%
- Text color
- #F7FFFF
CSS code for Bubblegum Peony Dream 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, #F953C6 0.00%, #B91D73 100.00%);background-image: linear-gradient(-45deg, #F953C6 0.00%, #B91D73 100.00%);