#96EA5E - #4CC620 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #96EA5E to #4CC620

#96EA5E #4CC620

Calculate the color between two colors, #96EA5E and #4CC620. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#96EA5E - #4CC620 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #96EA5E as 0% and #4CC620 as 100%.

0.0%	0.0% #96EA5E	RGB 150 234 94	#96EA5E
16.7%	16.7% #89E453	RGB 137 228 83	#89E453
33.3%	33.3% #7DDE49	RGB 125 222 73	#7DDE49
50.0%	50.0% #71D83F	RGB 113 216 63	#71D83F
66.7%	66.7% #64D234	RGB 100 210 52	#64D234
83.3%	83.3% #58CC2A	RGB 88 204 42	#58CC2A
100.0%	100.0% #4CC620	RGB 76 198 32	#4CC620

#96EA5E #89E453 #7DDE49 #71D83F #64D234 #58CC2A #4CC620

#96EA5E - #4CC620

HSV Blend

#96EA5E - #4CC620 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #96EA5E as 0% and #4CC620 as 100%.

0.0%	0.0% #95EA5E	RGB 149 234 94	#95EA5E
16.7%	16.7% #89E452	RGB 137 228 82	#89E452
33.3%	33.3% #7CDE47	RGB 124 222 71	#7CDE47
50.0%	50.0% #70D83C	RGB 112 216 60	#70D83C
66.7%	66.7% #64D232	RGB 100 210 50	#64D232
83.3%	83.3% #57CC29	RGB 87 204 41	#57CC29
100.0%	100.0% #4CC620	RGB 76 198 32	#4CC620

#95EA5E #89E452 #7CDE47 #70D83C #64D232 #57CC29 #4CC620

#96EA5E - #70D83C - #4CC620

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #96EA5E 0%, #4CC620 100%);
    background: -webkit-linear-gradient(top, #96EA5E 0%, #4CC620 100%);
    background: linear-gradient(to bottom, #96EA5E 0%, #4CC620 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95EA5E 0%, #70D83C 50%, #4CC620 100%);
    background: -webkit-linear-gradient(top, #95EA5E 0%, #70D83C 50%, #4CC620 100%);
    background: linear-gradient(to bottom, #95EA5E 0%, #70D83C 50%, #4CC620 100%);
}
</style>