"Rose Poppy Garden" Gradient
Create gradient0% · #F08EFC
- HEX
- #F08EFC
- RGB
- 240, 142, 252
- HSL
- 293.45°, 94.83%, 77.25%
- OKLCH
- 0.7876, 0.1809, 323.05°
- CMYK
- 4.76%, 43.65%, 0.00%, 1.18%
- Temp.
- Warm
- Brightness
- 72.09%
- Text color
- #111827
100% · #EE5166
- HEX
- #EE5166
- RGB
- 238, 81, 102
- HSL
- 351.97°, 82.20%, 62.55%
- OKLCH
- 0.6541, 0.1921, 16.51°
- CMYK
- 0.00%, 65.97%, 57.14%, 6.67%
- Temp.
- Warm
- Brightness
- 51.11%
- Text color
- #F7FFFF
CSS code for Rose Poppy Garden 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, #F08EFC 0.00%, #EE5166 100.00%);background-image: linear-gradient(-45deg, #F08EFC 0.00%, #EE5166 100.00%);