#312C23 - #8F6E4E | 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 #312C23 to #8F6E4E

#312C23 #8F6E4E

Calculate the color between two colors, #312C23 and #8F6E4E. 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)

#312C23 - #8F6E4E | 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 #312C23 as 0% and #8F6E4E as 100%.

0.0%	0.0% #312C23	RGB 49 44 35	#312C23
16.7%	16.7% #40372A	RGB 64 55 42	#40372A
33.3%	33.3% #504231	RGB 80 66 49	#504231
50.0%	50.0% #604D38	RGB 96 77 56	#604D38
66.7%	66.7% #6F583F	RGB 111 88 63	#6F583F
83.3%	83.3% #7F6346	RGB 127 99 70	#7F6346
100.0%	100.0% #8F6E4E	RGB 143 110 78	#8F6E4E

#312C23 #40372A #504231 #604D38 #6F583F #7F6346 #8F6E4E

#312C23 - #8F6E4E

HSV Blend

#312C23 - #8F6E4E | 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 #312C23 as 0% and #8F6E4E as 100%.

0.0%	0.0% #312C23	RGB 49 44 35	#312C23
16.7%	16.7% #40382C	RGB 64 56 44	#40382C
33.3%	33.3% #504534	RGB 80 69 52	#504534
50.0%	50.0% #60503C	RGB 96 80 60	#60503C
66.7%	66.7% #6F5B43	RGB 111 91 67	#6F5B43
83.3%	83.3% #7F6549	RGB 127 101 73	#7F6549
100.0%	100.0% #8F6E4E	RGB 143 110 78	#8F6E4E

#312C23 #40382C #504534 #60503C #6F5B43 #7F6549 #8F6E4E

#312C23 - #60503C - #8F6E4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312C23 0%, #60503C 50%, #8F6E4E 100%);
    background: -webkit-linear-gradient(top, #312C23 0%, #60503C 50%, #8F6E4E 100%);
    background: linear-gradient(to bottom, #312C23 0%, #60503C 50%, #8F6E4E 100%);
}
</style>