"Sapphire Peony Dream" Gradient
Create gradient0% · #0D324D
- HEX
- #0D324D
- RGB
- 13, 50, 77
- HSL
- 205.31°, 71.11%, 17.65%
- OKLCH
- 0.3060, 0.0638, 244.48°
- CMYK
- 83.12%, 35.06%, 0.00%, 69.80%
- Temp.
- Cool
- Brightness
- 16.48%
- Text color
- #F7FFFF
100% · #7F5A83
- HEX
- #7F5A83
- RGB
- 127, 90, 131
- HSL
- 294.15°, 18.55%, 43.33%
- OKLCH
- 0.5215, 0.0769, 323.26°
- CMYK
- 3.05%, 31.30%, 0.00%, 48.63%
- Temp.
- Warm
- Brightness
- 41.47%
- Text color
- #F7FFFF
CSS code for Sapphire 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, #0D324D 0.00%, #7F5A83 100.00%);background-image: linear-gradient(-45deg, #0D324D 0.00%, #7F5A83 100.00%);