#312B1C - #8A7748 | 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 #312B1C to #8A7748

#312B1C #8A7748

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

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

0.0%	0.0% #312B1C	RGB 49 43 28	#312B1C
16.7%	16.7% #3F3723	RGB 63 55 35	#3F3723
33.3%	33.3% #4E442A	RGB 78 68 42	#4E442A
50.0%	50.0% #5D5132	RGB 93 81 50	#5D5132
66.7%	66.7% #6C5D39	RGB 108 93 57	#6C5D39
83.3%	83.3% #7B6A40	RGB 123 106 64	#7B6A40
100.0%	100.0% #8A7748	RGB 138 119 72	#8A7748

#312B1C #3F3723 #4E442A #5D5132 #6C5D39 #7B6A40 #8A7748

#312B1C - #8A7748

HSV Blend

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

0.0%	0.0% #312B1C	RGB 49 43 28	#312B1C
16.7%	16.7% #3F3723	RGB 63 55 35	#3F3723
33.3%	33.3% #4E442B	RGB 78 68 43	#4E442B
50.0%	50.0% #5D5133	RGB 93 81 51	#5D5133
66.7%	66.7% #6C5D3A	RGB 108 93 58	#6C5D3A
83.3%	83.3% #7B6A41	RGB 123 106 65	#7B6A41
100.0%	100.0% #8A7748	RGB 138 119 72	#8A7748

#312B1C #3F3723 #4E442B #5D5133 #6C5D3A #7B6A41 #8A7748

#312B1C - #5D5133 - #8A7748

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312B1C 0%, #5D5133 50%, #8A7748 100%);
    background: -webkit-linear-gradient(top, #312B1C 0%, #5D5133 50%, #8A7748 100%);
    background: linear-gradient(to bottom, #312B1C 0%, #5D5133 50%, #8A7748 100%);
}
</style>