"Lavender Pumpkin Moon" Gradient
Create gradient0% · #A770EF
- HEX
- #A770EF
- RGB
- 167, 112, 239
- HSL
- 265.98°, 79.87%, 68.82%
- OKLCH
- 0.6581, 0.1860, 301.47°
- CMYK
- 30.13%, 53.14%, 0.00%, 6.27%
- Temp.
- Cool
- Brightness
- 56.05%
- Text color
- #F7FFFF
100% · #FDB99B
- HEX
- #FDB99B
- RGB
- 253, 185, 155
- HSL
- 18.37°, 96.08%, 80.00%
- OKLCH
- 0.8416, 0.0892, 44.80°
- CMYK
- 0.00%, 26.88%, 38.74%, 0.78%
- Temp.
- Warm
- Brightness
- 79.18%
- Text color
- #111827
CSS code for Lavender Pumpkin Moon 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, #A770EF 0.00%, #FDB99B 100.00%);background-image: linear-gradient(-45deg, #A770EF 0.00%, #FDB99B 100.00%);