#D9C8C8 - #977688 | 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 #D9C8C8 to #977688

#D9C8C8 #977688

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

#D9C8C8 - #977688 | 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 #D9C8C8 as 0% and #977688 as 100%.

0.0%	0.0% #D9C8C8	RGB 217 200 200	#D9C8C8
16.7%	16.7% #CEBABD	RGB 206 186 189	#CEBABD
33.3%	33.3% #C3ACB2	RGB 195 172 178	#C3ACB2
50.0%	50.0% #B89FA8	RGB 184 159 168	#B89FA8
66.7%	66.7% #AD919D	RGB 173 145 157	#AD919D
83.3%	83.3% #A28392	RGB 162 131 146	#A28392
100.0%	100.0% #977688	RGB 151 118 136	#977688

#D9C8C8 #CEBABD #C3ACB2 #B89FA8 #AD919D #A28392 #977688

#D9C8C8 - #977688

HSV Blend

#D9C8C8 - #977688 | 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 #D9C8C8 as 0% and #977688 as 100%.

0.0%	0.0% #D9C8C8	RGB 217 200 200	#D9C8C8
16.7%	16.7% #CEB9BA	RGB 206 185 186	#CEB9BA
33.3%	33.3% #C3AAAF	RGB 195 170 175	#C3AAAF
50.0%	50.0% #B89CA4	RGB 184 156 164	#B89CA4
66.7%	66.7% #AD8F9A	RGB 173 143 154	#AD8F9A
83.3%	83.3% #A28290	RGB 162 130 144	#A28290
100.0%	100.0% #977688	RGB 151 118 136	#977688

#D9C8C8 #CEB9BA #C3AAAF #B89CA4 #AD8F9A #A28290 #977688

#D9C8C8 - #B89CA4 - #977688

CSS codes

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

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