#8C2D1B - #DEC3BD | 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 #8C2D1B to #DEC3BD

#8C2D1B #DEC3BD

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

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

0.0%	0.0% #8C2D1B	RGB 140 45 27	#8C2D1B
16.7%	16.7% #994636	RGB 153 70 54	#994636
33.3%	33.3% #A75F51	RGB 167 95 81	#A75F51
50.0%	50.0% #B5786C	RGB 181 120 108	#B5786C
66.7%	66.7% #C29187	RGB 194 145 135	#C29187
83.3%	83.3% #D0AAA2	RGB 208 170 162	#D0AAA2
100.0%	100.0% #DEC3BD	RGB 222 195 189	#DEC3BD

#8C2D1B #994636 #A75F51 #B5786C #C29187 #D0AAA2 #DEC3BD

#8C2D1B - #DEC3BD

HSV Blend

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

0.0%	0.0% #8C2D1B	RGB 140 45 27	#8C2D1B
16.7%	16.7% #993F2E	RGB 153 63 46	#993F2E
33.3%	33.3% #A75545	RGB 167 85 69	#A75545
50.0%	50.0% #B56D5E	RGB 181 109 94	#B56D5E
66.7%	66.7% #C2877B	RGB 194 135 123	#C2877B
83.3%	83.3% #D0A49A	RGB 208 164 154	#D0A49A
100.0%	100.0% #DEC3BD	RGB 222 195 189	#DEC3BD

#8C2D1B #993F2E #A75545 #B56D5E #C2877B #D0A49A #DEC3BD

#8C2D1B - #B56D5E - #DEC3BD

CSS codes

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

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