#8D2E3E - #DEC3C7 | 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 #8D2E3E to #DEC3C7

#8D2E3E #DEC3C7

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

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

0.0%	0.0% #8D2E3E	RGB 141 46 62	#8D2E3E
16.7%	16.7% #9A4654	RGB 154 70 84	#9A4654
33.3%	33.3% #A85F6B	RGB 168 95 107	#A85F6B
50.0%	50.0% #B57882	RGB 181 120 130	#B57882
66.7%	66.7% #C39199	RGB 195 145 153	#C39199
83.3%	83.3% #D0AAB0	RGB 208 170 176	#D0AAB0
100.0%	100.0% #DEC3C7	RGB 222 195 199	#DEC3C7

#8D2E3E #9A4654 #A85F6B #B57882 #C39199 #D0AAB0 #DEC3C7

#8D2E3E - #DEC3C7

HSV Blend

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

0.0%	0.0% #8D2E3D	RGB 141 46 61	#8D2E3D
16.7%	16.7% #9A404F	RGB 154 64 79	#9A404F
33.3%	33.3% #A85563	RGB 168 85 99	#A85563
50.0%	50.0% #B56D78	RGB 181 109 120	#B56D78
66.7%	66.7% #C38790	RGB 195 135 144	#C38790
83.3%	83.3% #D0A3AA	RGB 208 163 170	#D0A3AA
100.0%	100.0% #DEC3C7	RGB 222 195 199	#DEC3C7

#8D2E3D #9A404F #A85563 #B56D78 #C38790 #D0A3AA #DEC3C7

#8D2E3E - #B56D78 - #DEC3C7

CSS codes

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

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