"Peony Marine Glow" Gradient
Create gradient0% · #AA4B6B
- HEX
- #AA4B6B
- RGB
- 170, 75, 107
- HSL
- 339.79°, 38.78%, 48.04%
- OKLCH
- 0.5437, 0.1288, 1.15°
- CMYK
- 0.00%, 55.88%, 37.06%, 33.33%
- Temp.
- Warm
- Brightness
- 41.98%
- Text color
- #F7FFFF
100% · #3B8D99
- HEX
- #3B8D99
- RGB
- 59, 141, 153
- HSL
- 187.66°, 44.34%, 41.57%
- OKLCH
- 0.5981, 0.0805, 208.38°
- CMYK
- 61.44%, 7.84%, 0.00%, 40.00%
- Temp.
- Cool
- Brightness
- 46.22%
- Text color
- #F7FFFF
CSS code for Peony Marine Glow 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, #AA4B6B 0.00%, #3B8D99 100.00%);background-image: linear-gradient(-45deg, #AA4B6B 0.00%, #3B8D99 100.00%);