#31271C - #8B6646 | 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 #31271C to #8B6646

#31271C #8B6646

Calculate the color between two colors, #31271C and #8B6646. 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)

#31271C - #8B6646 | 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 #31271C as 0% and #8B6646 as 100%.

0.0%	0.0% #31271C	RGB 49 39 28	#31271C
16.7%	16.7% #403123	RGB 64 49 35	#403123
33.3%	33.3% #4F3C2A	RGB 79 60 42	#4F3C2A
50.0%	50.0% #5E4631	RGB 94 70 49	#5E4631
66.7%	66.7% #6D5138	RGB 109 81 56	#6D5138
83.3%	83.3% #7C5B3F	RGB 124 91 63	#7C5B3F
100.0%	100.0% #8B6646	RGB 139 102 70	#8B6646

#31271C #403123 #4F3C2A #5E4631 #6D5138 #7C5B3F #8B6646

#31271C - #8B6646

HSV Blend

#31271C - #8B6646 | 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 #31271C as 0% and #8B6646 as 100%.

0.0%	0.0% #31271C	RGB 49 39 28	#31271C
16.7%	16.7% #403223	RGB 64 50 35	#403223
33.3%	33.3% #4F3D2B	RGB 79 61 43	#4F3D2B
50.0%	50.0% #5E4732	RGB 94 71 50	#5E4732
66.7%	66.7% #6D5239	RGB 109 82 57	#6D5239
83.3%	83.3% #7C5C3F	RGB 124 92 63	#7C5C3F
100.0%	100.0% #8B6646	RGB 139 102 70	#8B6646

#31271C #403223 #4F3D2B #5E4732 #6D5239 #7C5C3F #8B6646

#31271C - #5E4732 - #8B6646

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31271C 0%, #5E4732 50%, #8B6646 100%);
    background: -webkit-linear-gradient(top, #31271C 0%, #5E4732 50%, #8B6646 100%);
    background: linear-gradient(to bottom, #31271C 0%, #5E4732 50%, #8B6646 100%);
}
</style>