#8C7E6C - #6B451F | 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 #8C7E6C to #6B451F

#8C7E6C #6B451F

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

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

0.0%	0.0% #8C7E6C	RGB 140 126 108	#8C7E6C
16.7%	16.7% #86745F	RGB 134 116 95	#86745F
33.3%	33.3% #816B52	RGB 129 107 82	#816B52
50.0%	50.0% #7B6145	RGB 123 97 69	#7B6145
66.7%	66.7% #765838	RGB 118 88 56	#765838
83.3%	83.3% #704E2B	RGB 112 78 43	#704E2B
100.0%	100.0% #6B451F	RGB 107 69 31	#6B451F

#8C7E6C #86745F #816B52 #7B6145 #765838 #704E2B #6B451F

#8C7E6C - #6B451F

HSV Blend

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

0.0%	0.0% #8C7E6C	RGB 140 126 108	#8C7E6C
16.7%	16.7% #86735C	RGB 134 115 92	#86735C
33.3%	33.3% #81694E	RGB 129 105 78	#81694E
50.0%	50.0% #7B6041	RGB 123 96 65	#7B6041
66.7%	66.7% #765635	RGB 118 86 53	#765635
83.3%	83.3% #704D29	RGB 112 77 41	#704D29
100.0%	100.0% #6B451F	RGB 107 69 31	#6B451F

#8C7E6C #86735C #81694E #7B6041 #765635 #704D29 #6B451F

#8C7E6C - #7B6041 - #6B451F

CSS codes

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

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