#8C3E3E - #DEC7C7 | 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 #8C3E3E to #DEC7C7

#8C3E3E #DEC7C7

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

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

0.0%	0.0% #8C3E3E	RGB 140 62 62	#8C3E3E
16.7%	16.7% #995454	RGB 153 84 84	#995454
33.3%	33.3% #A76B6B	RGB 167 107 107	#A76B6B
50.0%	50.0% #B58282	RGB 181 130 130	#B58282
66.7%	66.7% #C29999	RGB 194 153 153	#C29999
83.3%	83.3% #D0B0B0	RGB 208 176 176	#D0B0B0
100.0%	100.0% #DEC7C7	RGB 222 199 199	#DEC7C7

#8C3E3E #995454 #A76B6B #B58282 #C29999 #D0B0B0 #DEC7C7

#8C3E3E - #DEC7C7

HSV Blend

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

0.0%	0.0% #8C3E3E	RGB 140 62 62	#8C3E3E
16.7%	16.7% #994F4F	RGB 153 79 79	#994F4F
33.3%	33.3% #A76363	RGB 167 99 99	#A76363
50.0%	50.0% #B57979	RGB 181 121 121	#B57979
66.7%	66.7% #C29191	RGB 194 145 145	#C29191
83.3%	83.3% #D0ABAB	RGB 208 171 171	#D0ABAB
100.0%	100.0% #DEC7C7	RGB 222 199 199	#DEC7C7

#8C3E3E #994F4F #A76363 #B57979 #C29191 #D0ABAB #DEC7C7

#8C3E3E - #B57979 - #DEC7C7

CSS codes

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

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