#391C10 - #876D3E | 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 #391C10 to #876D3E

#391C10 #876D3E

Calculate the color between two colors, #391C10 and #876D3E. 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)

#391C10 - #876D3E | 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 #391C10 as 0% and #876D3E as 100%.

0.0%	0.0% #391C10	RGB 57 28 16	#391C10
16.7%	16.7% #462917	RGB 70 41 23	#462917
33.3%	33.3% #53371F	RGB 83 55 31	#53371F
50.0%	50.0% #604427	RGB 96 68 39	#604427
66.7%	66.7% #6D522E	RGB 109 82 46	#6D522E
83.3%	83.3% #7A5F36	RGB 122 95 54	#7A5F36
100.0%	100.0% #876D3E	RGB 135 109 62	#876D3E

#391C10 #462917 #53371F #604427 #6D522E #7A5F36 #876D3E

#391C10 - #876D3E

HSV Blend

#391C10 - #876D3E | 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 #391C10 as 0% and #876D3E as 100%.

0.0%	0.0% #391C10	RGB 57 28 16	#391C10
16.7%	16.7% #462615	RGB 70 38 21	#462615
33.3%	33.3% #53321C	RGB 83 50 28	#53321C
50.0%	50.0% #603F23	RGB 96 63 35	#603F23
66.7%	66.7% #6D4E2B	RGB 109 78 43	#6D4E2B
83.3%	83.3% #7A5D34	RGB 122 93 52	#7A5D34
100.0%	100.0% #876D3E	RGB 135 109 62	#876D3E

#391C10 #462615 #53321C #603F23 #6D4E2B #7A5D34 #876D3E

#391C10 - #603F23 - #876D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391C10 0%, #603F23 50%, #876D3E 100%);
    background: -webkit-linear-gradient(top, #391C10 0%, #603F23 50%, #876D3E 100%);
    background: linear-gradient(to bottom, #391C10 0%, #603F23 50%, #876D3E 100%);
}
</style>