"Sage Petal Garden" Gradient
Create gradient0% · #A0FE65
- HEX
- #A0FE65
- RGB
- 160, 254, 101
- HSL
- 96.86°, 98.71%, 69.61%
- OKLCH
- 0.9076, 0.2076, 135.24°
- CMYK
- 37.01%, 0.00%, 60.24%, 0.39%
- Temp.
- Cool
- Brightness
- 81.75%
- Text color
- #111827
100% · #FA016D
- HEX
- #FA016D
- RGB
- 250, 1, 109
- HSL
- 333.98°, 99.20%, 49.22%
- OKLCH
- 0.6315, 0.2527, 7.68°
- CMYK
- 0.00%, 99.60%, 56.40%, 1.96%
- Temp.
- Warm
- Brightness
- 34.42%
- Text color
- #F7FFFF
CSS code for Sage Petal 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, #A0FE65 0.00%, #FA016D 100.00%);background-image: linear-gradient(-45deg, #A0FE65 0.00%, #FA016D 100.00%);