#5E4938 - #8B8D8F | 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 #5E4938 to #8B8D8F

#5E4938 #8B8D8F

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

#5E4938 - #8B8D8F | 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 #5E4938 as 0% and #8B8D8F as 100%.

0.0%	0.0% #5E4938	RGB 94 73 56	#5E4938
16.7%	16.7% #655446	RGB 101 84 70	#655446
33.3%	33.3% #6D5F55	RGB 109 95 85	#6D5F55
50.0%	50.0% #746B63	RGB 116 107 99	#746B63
66.7%	66.7% #7C7672	RGB 124 118 114	#7C7672
83.3%	83.3% #838180	RGB 131 129 128	#838180
100.0%	100.0% #8B8D8F	RGB 139 141 143	#8B8D8F

#5E4938 #655446 #6D5F55 #746B63 #7C7672 #838180 #8B8D8F

#5E4938 - #8B8D8F

HSV Blend

#5E4938 - #8B8D8F | 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 #5E4938 as 0% and #8B8D8F as 100%.

0.0%	0.0% #5E4938	RGB 94 73 56	#5E4938
16.7%	16.7% #664344	RGB 102 67 68	#664344
33.3%	33.3% #6E4F60	RGB 110 79 96	#6E4F60
50.0%	50.0% #755C76	RGB 117 92 118	#755C76
66.7%	66.7% #746B7E	RGB 116 107 126	#746B7E
83.3%	83.3% #7A7A86	RGB 122 122 134	#7A7A86
100.0%	100.0% #8B8D8F	RGB 139 141 143	#8B8D8F

#5E4938 #664344 #6E4F60 #755C76 #746B7E #7A7A86 #8B8D8F

#5E4938 - #755C76 - #8B8D8F

CSS codes

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

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