#96DA5E - #4FB11F | 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 #96DA5E to #4FB11F

#96DA5E #4FB11F

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

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

0.0%	0.0% #96DA5E	RGB 150 218 94	#96DA5E
16.7%	16.7% #8AD353	RGB 138 211 83	#8AD353
33.3%	33.3% #7ECC49	RGB 126 204 73	#7ECC49
50.0%	50.0% #72C53E	RGB 114 197 62	#72C53E
66.7%	66.7% #66BE34	RGB 102 190 52	#66BE34
83.3%	83.3% #5AB729	RGB 90 183 41	#5AB729
100.0%	100.0% #4FB11F	RGB 79 177 31	#4FB11F

#96DA5E #8AD353 #7ECC49 #72C53E #66BE34 #5AB729 #4FB11F

#96DA5E - #4FB11F

HSV Blend

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

0.0%	0.0% #96DA5E	RGB 150 218 94	#96DA5E
16.7%	16.7% #89D352	RGB 137 211 82	#89D352
33.3%	33.3% #7DCC46	RGB 125 204 70	#7DCC46
50.0%	50.0% #71C53B	RGB 113 197 59	#71C53B
66.7%	66.7% #65BE31	RGB 101 190 49	#65BE31
83.3%	83.3% #5AB728	RGB 90 183 40	#5AB728
100.0%	100.0% #4FB11F	RGB 79 177 31	#4FB11F

#96DA5E #89D352 #7DCC46 #71C53B #65BE31 #5AB728 #4FB11F

#96DA5E - #71C53B - #4FB11F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96DA5E 0%, #71C53B 50%, #4FB11F 100%);
    background: -webkit-linear-gradient(top, #96DA5E 0%, #71C53B 50%, #4FB11F 100%);
    background: linear-gradient(to bottom, #96DA5E 0%, #71C53B 50%, #4FB11F 100%);
}
</style>