"Sage Mint Flare" Gradient
Create gradient0% · #5AFF15
- HEX
- #5AFF15
- RGB
- 90, 255, 21
- HSL
- 102.31°, 100.00%, 54.12%
- OKLCH
- 0.8784, 0.2767, 139.68°
- CMYK
- 64.71%, 0.00%, 91.76%, 0.00%
- Temp.
- Cool
- Brightness
- 70.19%
- Text color
- #111827
100% · #00B712
- HEX
- #00B712
- RGB
- 0, 183, 18
- HSL
- 125.90°, 100.00%, 35.88%
- OKLCH
- 0.6757, 0.2264, 142.96°
- CMYK
- 100.00%, 0.00%, 90.16%, 28.24%
- Temp.
- Cool
- Brightness
- 42.93%
- Text color
- #F7FFFF
CSS code for Sage Mint Flare 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, #5AFF15 0.00%, #00B712 100.00%);background-image: linear-gradient(-45deg, #5AFF15 0.00%, #00B712 100.00%);