#8C7D6B - #6B441E | 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 #8C7D6B to #6B441E

#8C7D6B #6B441E

Calculate the color between two colors, #8C7D6B and #6B441E. 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)

#8C7D6B - #6B441E | 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 #8C7D6B as 0% and #6B441E as 100%.

0.0%	0.0% #8C7D6B	RGB 140 125 107	#8C7D6B
16.7%	16.7% #86735E	RGB 134 115 94	#86735E
33.3%	33.3% #816A51	RGB 129 106 81	#816A51
50.0%	50.0% #7B6044	RGB 123 96 68	#7B6044
66.7%	66.7% #765737	RGB 118 87 55	#765737
83.3%	83.3% #704D2A	RGB 112 77 42	#704D2A
100.0%	100.0% #6B441E	RGB 107 68 30	#6B441E

#8C7D6B #86735E #816A51 #7B6044 #765737 #704D2A #6B441E

#8C7D6B - #6B441E

HSV Blend

#8C7D6B - #6B441E | 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 #8C7D6B as 0% and #6B441E as 100%.

0.0%	0.0% #8C7D6B	RGB 140 125 107	#8C7D6B
16.7%	16.7% #86725B	RGB 134 114 91	#86725B
33.3%	33.3% #81684D	RGB 129 104 77	#81684D
50.0%	50.0% #7B5F40	RGB 123 95 64	#7B5F40
66.7%	66.7% #765534	RGB 118 85 52	#765534
83.3%	83.3% #704C28	RGB 112 76 40	#704C28
100.0%	100.0% #6B441E	RGB 107 68 30	#6B441E

#8C7D6B #86725B #81684D #7B5F40 #765534 #704C28 #6B441E

#8C7D6B - #7B5F40 - #6B441E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7D6B 0%, #7B5F40 50%, #6B441E 100%);
    background: -webkit-linear-gradient(top, #8C7D6B 0%, #7B5F40 50%, #6B441E 100%);
    background: linear-gradient(to bottom, #8C7D6B 0%, #7B5F40 50%, #6B441E 100%);
}
</style>