#5E5A50 - #96DA85 | 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 #5E5A50 to #96DA85

#5E5A50 #96DA85

Calculate the color between two colors, #5E5A50 and #96DA85. 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)

#5E5A50 - #96DA85 | 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 #5E5A50 as 0% and #96DA85 as 100%.

0.0%	0.0% #5E5A50	RGB 94 90 80	#5E5A50
16.7%	16.7% #676F58	RGB 103 111 88	#676F58
33.3%	33.3% #708461	RGB 112 132 97	#708461
50.0%	50.0% #7A9A6A	RGB 122 154 106	#7A9A6A
66.7%	66.7% #83AF73	RGB 131 175 115	#83AF73
83.3%	83.3% #8CC47C	RGB 140 196 124	#8CC47C
100.0%	100.0% #96DA85	RGB 150 218 133	#96DA85

#5E5A50 #676F58 #708461 #7A9A6A #83AF73 #8CC47C #96DA85

#5E5A50 - #96DA85

HSV Blend

#5E5A50 - #96DA85 | 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 #5E5A50 as 0% and #96DA85 as 100%.

0.0%	0.0% #5E5A50	RGB 94 90 80	#5E5A50
16.7%	16.7% #72705C	RGB 114 112 92	#72705C
33.3%	33.3% #848768	RGB 132 135 104	#848768
50.0%	50.0% #919C71	RGB 145 156 113	#919C71
66.7%	66.7% #98B079	RGB 152 176 121	#98B079
83.3%	83.3% #9AC580	RGB 154 197 128	#9AC580
100.0%	100.0% #96DA85	RGB 150 218 133	#96DA85

#5E5A50 #72705C #848768 #919C71 #98B079 #9AC580 #96DA85

#5E5A50 - #919C71 - #96DA85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A50 0%, #919C71 50%, #96DA85 100%);
    background: -webkit-linear-gradient(top, #5E5A50 0%, #919C71 50%, #96DA85 100%);
    background: linear-gradient(to bottom, #5E5A50 0%, #919C71 50%, #96DA85 100%);
}
</style>