Lemon Soda
Candy95° · 2 stops柠檬汽水
CSS gradient code
background: linear-gradient(95deg, #96fbc4 0%, #f9f586 100%);
background: linear-gradient(95deg in oklch, #96fbc4 0%, #f9f586 100%);
The in oklch interpolation hint blends the transition in a perceptual color space, so the midpoint never turns gray. Requires modern browsers (Chrome 111+, Safari 16.2+, Firefox 128+); fall back to the standard version above otherwise.
Gradient stops
Color pairings
Nearest matches for the first stop #96FBC4 across 32,258 named colors and 659 Chinese traditional colors.
FAQ
How do I use this gradient?
Copy the CSS code and set it as the background of any element, or open it in the gradient editor to adjust the angle and stops, then export.
What is the OKLCH version?
Adding the in oklch interpolation hint makes the transition blend in a perceptual color space so the midpoint never turns gray. It requires modern browsers (Chrome 111+, Safari 16.2+, Firefox 128+).
Can I use these gradients commercially?
Yes. Each gradient is composed of public hex values, which are not subject to copyright — free for personal and commercial projects.
How do I change the colors?
Open the gradient editor to add or remove stops, drag the position sliders, adjust the angle, then copy the exported CSS.