"Plum Azure Bloom" Gradient
Create gradient0% · #AD1DEB
- HEX
- #AD1DEB
- RGB
- 173, 29, 235
- HSL
- 281.94°, 83.74%, 51.76%
- OKLCH
- 0.5771, 0.2748, 311.62°
- CMYK
- 26.38%, 87.66%, 0.00%, 7.84%
- Temp.
- Cool
- Brightness
- 37.47%
- Text color
- #F7FFFF
100% · #6E72FC
- HEX
- #6E72FC
- RGB
- 110, 114, 252
- HSL
- 238.31°, 95.95%, 70.98%
- OKLCH
- 0.6218, 0.2011, 277.56°
- CMYK
- 56.35%, 54.76%, 0.00%, 1.18%
- Temp.
- Cool
- Brightness
- 50.41%
- Text color
- #F7FFFF
CSS code for Plum Azure Bloom 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, #AD1DEB 0.00%, #6E72FC 100.00%);background-image: linear-gradient(-45deg, #AD1DEB 0.00%, #6E72FC 100.00%);