#31291C - #8D6845 | 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 #31291C to #8D6845

#31291C #8D6845

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

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

0.0%	0.0% #31291C	RGB 49 41 28	#31291C
16.7%	16.7% #403322	RGB 64 51 34	#403322
33.3%	33.3% #4F3E29	RGB 79 62 41	#4F3E29
50.0%	50.0% #5F4830	RGB 95 72 48	#5F4830
66.7%	66.7% #6E5337	RGB 110 83 55	#6E5337
83.3%	83.3% #7D5D3E	RGB 125 93 62	#7D5D3E
100.0%	100.0% #8D6845	RGB 141 104 69	#8D6845

#31291C #403322 #4F3E29 #5F4830 #6E5337 #7D5D3E #8D6845

#31291C - #8D6845

HSV Blend

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

0.0%	0.0% #31291C	RGB 49 41 28	#31291C
16.7%	16.7% #403423	RGB 64 52 35	#403423
33.3%	33.3% #4F402B	RGB 79 64 43	#4F402B
50.0%	50.0% #5F4B32	RGB 95 75 50	#5F4B32
66.7%	66.7% #6E5539	RGB 110 85 57	#6E5539
83.3%	83.3% #7D5E3F	RGB 125 94 63	#7D5E3F
100.0%	100.0% #8D6845	RGB 141 104 69	#8D6845

#31291C #403423 #4F402B #5F4B32 #6E5539 #7D5E3F #8D6845

#31291C - #5F4B32 - #8D6845

CSS codes

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

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