"Wheat Bubblegum Moon" Gradient
Create gradient0% · #F7FF00
- HEX
- #F7FF00
- RGB
- 247, 255, 0
- HSL
- 61.88°, 100.00%, 50.00%
- OKLCH
- 0.9616, 0.2130, 112.08°
- CMYK
- 3.14%, 0.00%, 100.00%, 0.00%
- Temp.
- Warm
- Brightness
- 87.66%
- Text color
- #111827
100% · #DB36A4
- HEX
- #DB36A4
- RGB
- 219, 54, 164
- HSL
- 320.00°, 69.62%, 53.53%
- OKLCH
- 0.6183, 0.2247, 344.91°
- CMYK
- 0.00%, 75.34%, 25.11%, 14.12%
- Temp.
- Warm
- Brightness
- 45.44%
- Text color
- #F7FFFF
CSS code for Wheat Bubblegum 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, #F7FF00 0.00%, #DB36A4 100.00%);background-image: linear-gradient(-45deg, #F7FF00 0.00%, #DB36A4 100.00%);