"Amethyst Rose Garden" Gradient
Create gradient0% · #654EA3
- HEX
- #654EA3
- RGB
- 101, 78, 163
- HSL
- 256.24°, 35.27%, 47.25%
- OKLCH
- 0.4893, 0.1321, 293.38°
- CMYK
- 38.04%, 52.15%, 0.00%, 36.08%
- Temp.
- Cool
- Brightness
- 37.09%
- Text color
- #F7FFFF
100% · #EAAFC8
- HEX
- #EAAFC8
- RGB
- 234, 175, 200
- HSL
- 334.58°, 58.42%, 80.20%
- OKLCH
- 0.8156, 0.0757, 351.72°
- CMYK
- 0.00%, 25.21%, 14.53%, 8.24%
- Temp.
- Warm
- Brightness
- 76.66%
- Text color
- #111827
CSS code for Amethyst Rose 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, #654EA3 0.00%, #EAAFC8 100.00%);background-image: linear-gradient(-45deg, #654EA3 0.00%, #EAAFC8 100.00%);