#D4C8C7 - #BD7F76 | 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 #D4C8C7 to #BD7F76

#D4C8C7 #BD7F76

Calculate the color between two colors, #D4C8C7 and #BD7F76. 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)

#D4C8C7 - #BD7F76 | 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 #D4C8C7 as 0% and #BD7F76 as 100%.

0.0%	0.0% #D4C8C7	RGB 212 200 199	#D4C8C7
16.7%	16.7% #D0BBB9	RGB 208 187 185	#D0BBB9
33.3%	33.3% #CCAFAC	RGB 204 175 172	#CCAFAC
50.0%	50.0% #C8A39E	RGB 200 163 158	#C8A39E
66.7%	66.7% #C49791	RGB 196 151 145	#C49791
83.3%	83.3% #C08B83	RGB 192 139 131	#C08B83
100.0%	100.0% #BD7F76	RGB 189 127 118	#BD7F76

#D4C8C7 #D0BBB9 #CCAFAC #C8A39E #C49791 #C08B83 #BD7F76

#D4C8C7 - #BD7F76

HSV Blend

#D4C8C7 - #BD7F76 | 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 #D4C8C7 as 0% and #BD7F76 as 100%.

0.0%	0.0% #D4C8C7	RGB 212 200 199	#D4C8C7
16.7%	16.7% #D0BAB8	RGB 208 186 184	#D0BAB8
33.3%	33.3% #CCADAA	RGB 204 173 170	#CCADAA
50.0%	50.0% #C8A19C	RGB 200 161 156	#C8A19C
66.7%	66.7% #C4958F	RGB 196 149 143	#C4958F
83.3%	83.3% #C08982	RGB 192 137 130	#C08982
100.0%	100.0% #BD7F76	RGB 189 127 118	#BD7F76

#D4C8C7 #D0BAB8 #CCADAA #C8A19C #C4958F #C08982 #BD7F76

#D4C8C7 - #C8A19C - #BD7F76

CSS codes

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

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