#96EB6D - #4ACC29 | 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 #96EB6D to #4ACC29

#96EB6D #4ACC29

Calculate the color between two colors, #96EB6D and #4ACC29. 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)

#96EB6D - #4ACC29 | 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 #96EB6D as 0% and #4ACC29 as 100%.

0.0%	0.0% #96EB6D	RGB 150 235 109	#96EB6D
16.7%	16.7% #89E561	RGB 137 229 97	#89E561
33.3%	33.3% #7CE056	RGB 124 224 86	#7CE056
50.0%	50.0% #70DB4B	RGB 112 219 75	#70DB4B
66.7%	66.7% #63D63F	RGB 99 214 63	#63D63F
83.3%	83.3% #56D134	RGB 86 209 52	#56D134
100.0%	100.0% #4ACC29	RGB 74 204 41	#4ACC29

#96EB6D #89E561 #7CE056 #70DB4B #63D63F #56D134 #4ACC29

#96EB6D - #4ACC29

HSV Blend

#96EB6D - #4ACC29 | 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 #96EB6D as 0% and #4ACC29 as 100%.

0.0%	0.0% #96EB6D	RGB 150 235 109	#96EB6D
16.7%	16.7% #89E560	RGB 137 229 96	#89E560
33.3%	33.3% #7CE054	RGB 124 224 84	#7CE054
50.0%	50.0% #6FDB48	RGB 111 219 72	#6FDB48
66.7%	66.7% #62D63D	RGB 98 214 61	#62D63D
83.3%	83.3% #56D133	RGB 86 209 51	#56D133
100.0%	100.0% #4ACC29	RGB 74 204 41	#4ACC29

#96EB6D #89E560 #7CE054 #6FDB48 #62D63D #56D133 #4ACC29

#96EB6D - #6FDB48 - #4ACC29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96EB6D 0%, #6FDB48 50%, #4ACC29 100%);
    background: -webkit-linear-gradient(top, #96EB6D 0%, #6FDB48 50%, #4ACC29 100%);
    background: linear-gradient(to bottom, #96EB6D 0%, #6FDB48 50%, #4ACC29 100%);
}
</style>