"Bubblegum Azure Meadow" Gradient
Create gradient0% · #E975A8
- HEX
- #E975A8
- RGB
- 233, 117, 168
- HSL
- 333.62°, 72.50%, 68.63%
- OKLCH
- 0.7101, 0.1533, 354.03°
- CMYK
- 0.00%, 49.79%, 27.90%, 8.63%
- Temp.
- Warm
- Brightness
- 61.76%
- Text color
- #111827
100% · #726CF8
- HEX
- #726CF8
- RGB
- 114, 108, 248
- HSL
- 242.57°, 90.91%, 69.80%
- OKLCH
- 0.6113, 0.2028, 280.47°
- CMYK
- 54.03%, 56.45%, 0.00%, 2.75%
- Temp.
- Cool
- Brightness
- 49.32%
- Text color
- #F7FFFF
CSS code for Bubblegum Azure Meadow 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, #E975A8 0.00%, #726CF8 100.00%);background-image: linear-gradient(-45deg, #E975A8 0.00%, #726CF8 100.00%);