#865740 - #E6D06B | 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 #865740 to #E6D06B

#865740 #E6D06B

Calculate the color between two colors, #865740 and #E6D06B. 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)

#865740 - #E6D06B | 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 #865740 as 0% and #E6D06B as 100%.

0.0%	0.0% #865740	RGB 134 87 64	#865740
16.7%	16.7% #966B47	RGB 150 107 71	#966B47
33.3%	33.3% #A67F4E	RGB 166 127 78	#A67F4E
50.0%	50.0% #B69355	RGB 182 147 85	#B69355
66.7%	66.7% #C6A75C	RGB 198 167 92	#C6A75C
83.3%	83.3% #D6BB63	RGB 214 187 99	#D6BB63
100.0%	100.0% #E6D06B	RGB 230 208 107	#E6D06B

#865740 #966B47 #A67F4E #B69355 #C6A75C #D6BB63 #E6D06B

#865740 - #E6D06B

HSV Blend

#865740 - #E6D06B | 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 #865740 as 0% and #E6D06B as 100%.

0.0%	0.0% #865740	RGB 134 87 64	#865740
16.7%	16.7% #966747	RGB 150 103 71	#966747
33.3%	33.3% #A6794E	RGB 166 121 78	#A6794E
50.0%	50.0% #B68D55	RGB 182 141 85	#B68D55
66.7%	66.7% #C6A15C	RGB 198 161 92	#C6A15C
83.3%	83.3% #D6B863	RGB 214 184 99	#D6B863
100.0%	100.0% #E6D06B	RGB 230 208 107	#E6D06B

#865740 #966747 #A6794E #B68D55 #C6A15C #D6B863 #E6D06B

#865740 - #B68D55 - #E6D06B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #865740 0%, #B68D55 50%, #E6D06B 100%);
    background: -webkit-linear-gradient(top, #865740 0%, #B68D55 50%, #E6D06B 100%);
    background: linear-gradient(to bottom, #865740 0%, #B68D55 50%, #E6D06B 100%);
}
</style>