#5D522D - #8F8C83 | 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 #5D522D to #8F8C83

#5D522D #8F8C83

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

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

0.0%	0.0% #5D522D	RGB 93 82 45	#5D522D
16.7%	16.7% #655B3B	RGB 101 91 59	#655B3B
33.3%	33.3% #6D6549	RGB 109 101 73	#6D6549
50.0%	50.0% #766F58	RGB 118 111 88	#766F58
66.7%	66.7% #7E7866	RGB 126 120 102	#7E7866
83.3%	83.3% #868274	RGB 134 130 116	#868274
100.0%	100.0% #8F8C83	RGB 143 140 131	#8F8C83

#5D522D #655B3B #6D6549 #766F58 #7E7866 #868274 #8F8C83

#5D522D - #8F8C83

HSV Blend

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

0.0%	0.0% #5D522D	RGB 93 82 45	#5D522D
16.7%	16.7% #655A38	RGB 101 90 56	#655A38
33.3%	33.3% #6D6444	RGB 109 100 68	#6D6444
50.0%	50.0% #766D52	RGB 118 109 82	#766D52
66.7%	66.7% #7E7761	RGB 126 119 97	#7E7761
83.3%	83.3% #868171	RGB 134 129 113	#868171
100.0%	100.0% #8F8C83	RGB 143 140 131	#8F8C83

#5D522D #655A38 #6D6444 #766D52 #7E7761 #868171 #8F8C83

#5D522D - #766D52 - #8F8C83

CSS codes

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

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