#5D5E55 - #A0DB78 | 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 #5D5E55 to #A0DB78

#5D5E55 #A0DB78

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

#5D5E55 - #A0DB78 | 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 #5D5E55 as 0% and #A0DB78 as 100%.

0.0%	0.0% #5D5E55	RGB 93 94 85	#5D5E55
16.7%	16.7% #68725A	RGB 104 114 90	#68725A
33.3%	33.3% #738760	RGB 115 135 96	#738760
50.0%	50.0% #7E9C66	RGB 126 156 102	#7E9C66
66.7%	66.7% #89B16C	RGB 137 177 108	#89B16C
83.3%	83.3% #94C672	RGB 148 198 114	#94C672
100.0%	100.0% #A0DB78	RGB 160 219 120	#A0DB78

#5D5E55 #68725A #738760 #7E9C66 #89B16C #94C672 #A0DB78

#5D5E55 - #A0DB78

HSV Blend

#5D5E55 - #A0DB78 | 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 #5D5E55 as 0% and #A0DB78 as 100%.

0.0%	0.0% #5D5E55	RGB 93 94 85	#5D5E55
16.7%	16.7% #6F7261	RGB 111 114 97	#6F7261
33.3%	33.3% #7F876A	RGB 127 135 106	#7F876A
50.0%	50.0% #8D9C71	RGB 141 156 113	#8D9C71
66.7%	66.7% #97B176	RGB 151 177 118	#97B176
83.3%	83.3% #9EC678	RGB 158 198 120	#9EC678
100.0%	100.0% #A0DB78	RGB 160 219 120	#A0DB78

#5D5E55 #6F7261 #7F876A #8D9C71 #97B176 #9EC678 #A0DB78

#5D5E55 - #8D9C71 - #A0DB78

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E55 0%, #8D9C71 50%, #A0DB78 100%);
    background: -webkit-linear-gradient(top, #5D5E55 0%, #8D9C71 50%, #A0DB78 100%);
    background: linear-gradient(to bottom, #5D5E55 0%, #8D9C71 50%, #A0DB78 100%);
}
</style>