#D0C4CC - #8C686B | 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 #D0C4CC to #8C686B

#D0C4CC #8C686B

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

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

0.0%	0.0% #D0C4CC	RGB 208 196 204	#D0C4CC
16.7%	16.7% #C4B4BB	RGB 196 180 187	#C4B4BB
33.3%	33.3% #B9A5AB	RGB 185 165 171	#B9A5AB
50.0%	50.0% #AE969B	RGB 174 150 155	#AE969B
66.7%	66.7% #A2868B	RGB 162 134 139	#A2868B
83.3%	83.3% #97777B	RGB 151 119 123	#97777B
100.0%	100.0% #8C686B	RGB 140 104 107	#8C686B

#D0C4CC #C4B4BB #B9A5AB #AE969B #A2868B #97777B #8C686B

#D0C4CC - #8C686B

HSV Blend

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

0.0%	0.0% #D0C4CC	RGB 208 196 204	#D0C4CC
16.7%	16.7% #C4B2BC	RGB 196 178 188	#C4B2BC
33.3%	33.3% #B9A2AD	RGB 185 162 173	#B9A2AD
50.0%	50.0% #AE929C	RGB 174 146 156	#AE929C
66.7%	66.7% #A2838C	RGB 162 131 140	#A2838C
83.3%	83.3% #97757B	RGB 151 117 123	#97757B
100.0%	100.0% #8C686B	RGB 140 104 107	#8C686B

#D0C4CC #C4B2BC #B9A2AD #AE929C #A2838C #97757B #8C686B

#D0C4CC - #AE929C - #8C686B

CSS codes

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

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