#8D4A4A - #DECBCB | 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 #8D4A4A to #DECBCB

#8D4A4A #DECBCB

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

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

0.0%	0.0% #8D4A4A	RGB 141 74 74	#8D4A4A
16.7%	16.7% #9A5F5F	RGB 154 95 95	#9A5F5F
33.3%	33.3% #A87575	RGB 168 117 117	#A87575
50.0%	50.0% #B58A8A	RGB 181 138 138	#B58A8A
66.7%	66.7% #C3A0A0	RGB 195 160 160	#C3A0A0
83.3%	83.3% #D0B5B5	RGB 208 181 181	#D0B5B5
100.0%	100.0% #DECBCB	RGB 222 203 203	#DECBCB

#8D4A4A #9A5F5F #A87575 #B58A8A #C3A0A0 #D0B5B5 #DECBCB

#8D4A4A - #DECBCB

HSV Blend

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

0.0%	0.0% #8D4A4A	RGB 141 74 74	#8D4A4A
16.7%	16.7% #9A5B5B	RGB 154 91 91	#9A5B5B
33.3%	33.3% #A86D6D	RGB 168 109 109	#A86D6D
50.0%	50.0% #B58282	RGB 181 130 130	#B58282
66.7%	66.7% #C39898	RGB 195 152 152	#C39898
83.3%	83.3% #D0B1B1	RGB 208 177 177	#D0B1B1
100.0%	100.0% #DECBCB	RGB 222 203 203	#DECBCB

#8D4A4A #9A5B5B #A86D6D #B58282 #C39898 #D0B1B1 #DECBCB

#8D4A4A - #B58282 - #DECBCB

CSS codes

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

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