#A86D3E - #52371B | 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 #A86D3E to #52371B

#A86D3E #52371B

Calculate the color between two colors, #A86D3E and #52371B. 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)

#A86D3E - #52371B | 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 #A86D3E as 0% and #52371B as 100%.

0.0%	0.0% #A86D3E	RGB 168 109 62	#A86D3E
16.7%	16.7% #996438	RGB 153 100 56	#996438
33.3%	33.3% #8B5B32	RGB 139 91 50	#8B5B32
50.0%	50.0% #7D522C	RGB 125 82 44	#7D522C
66.7%	66.7% #6E4926	RGB 110 73 38	#6E4926
83.3%	83.3% #604020	RGB 96 64 32	#604020
100.0%	100.0% #52371B	RGB 82 55 27	#52371B

#A86D3E #996438 #8B5B32 #7D522C #6E4926 #604020 #52371B

#A86D3E - #52371B

HSV Blend

#A86D3E - #52371B | 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 #A86D3E as 0% and #52371B as 100%.

0.0%	0.0% #A86D3E	RGB 168 109 62	#A86D3E
16.7%	16.7% #996437	RGB 153 100 55	#996437
33.3%	33.3% #8B5B31	RGB 139 91 49	#8B5B31
50.0%	50.0% #7D522B	RGB 125 82 43	#7D522B
66.7%	66.7% #6E4925	RGB 110 73 37	#6E4925
83.3%	83.3% #604020	RGB 96 64 32	#604020
100.0%	100.0% #52371B	RGB 82 55 27	#52371B

#A86D3E #996437 #8B5B31 #7D522B #6E4925 #604020 #52371B

#A86D3E - #7D522B - #52371B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A86D3E 0%, #7D522B 50%, #52371B 100%);
    background: -webkit-linear-gradient(top, #A86D3E 0%, #7D522B 50%, #52371B 100%);
    background: linear-gradient(to bottom, #A86D3E 0%, #7D522B 50%, #52371B 100%);
}
</style>