#8D331B - #DEC4BD | 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 #8D331B to #DEC4BD

#8D331B #DEC4BD

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

#8D331B - #DEC4BD | 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 #8D331B as 0% and #DEC4BD as 100%.

0.0%	0.0% #8D331B	RGB 141 51 27	#8D331B
16.7%	16.7% #9A4B36	RGB 154 75 54	#9A4B36
33.3%	33.3% #A86351	RGB 168 99 81	#A86351
50.0%	50.0% #B57B6C	RGB 181 123 108	#B57B6C
66.7%	66.7% #C39387	RGB 195 147 135	#C39387
83.3%	83.3% #D0ABA2	RGB 208 171 162	#D0ABA2
100.0%	100.0% #DEC4BD	RGB 222 196 189	#DEC4BD

#8D331B #9A4B36 #A86351 #B57B6C #C39387 #D0ABA2 #DEC4BD

#8D331B - #DEC4BD

HSV Blend

#8D331B - #DEC4BD | 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 #8D331B as 0% and #DEC4BD as 100%.

0.0%	0.0% #8D331A	RGB 141 51 26	#8D331A
16.7%	16.7% #9A452E	RGB 154 69 46	#9A452E
33.3%	33.3% #A85945	RGB 168 89 69	#A85945
50.0%	50.0% #B5705E	RGB 181 112 94	#B5705E
66.7%	66.7% #C38A7B	RGB 195 138 123	#C38A7B
83.3%	83.3% #D0A69A	RGB 208 166 154	#D0A69A
100.0%	100.0% #DEC4BD	RGB 222 196 189	#DEC4BD

#8D331A #9A452E #A85945 #B5705E #C38A7B #D0A69A #DEC4BD

#8D331B - #B5705E - #DEC4BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D331A 0%, #B5705E 50%, #DEC4BD 100%);
    background: -webkit-linear-gradient(top, #8D331A 0%, #B5705E 50%, #DEC4BD 100%);
    background: linear-gradient(to bottom, #8D331A 0%, #B5705E 50%, #DEC4BD 100%);
}
</style>