#D0C4CE - #8C6B7D | 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 #D0C4CE to #8C6B7D

#D0C4CE #8C6B7D

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

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

0.0%	0.0% #D0C4CE	RGB 208 196 206	#D0C4CE
16.7%	16.7% #C4B5C0	RGB 196 181 192	#C4B5C0
33.3%	33.3% #B9A6B3	RGB 185 166 179	#B9A6B3
50.0%	50.0% #AE97A5	RGB 174 151 165	#AE97A5
66.7%	66.7% #A28898	RGB 162 136 152	#A28898
83.3%	83.3% #97798A	RGB 151 121 138	#97798A
100.0%	100.0% #8C6B7D	RGB 140 107 125	#8C6B7D

#D0C4CE #C4B5C0 #B9A6B3 #AE97A5 #A28898 #97798A #8C6B7D

#D0C4CE - #8C6B7D

HSV Blend

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

0.0%	0.0% #D0C4CE	RGB 208 196 206	#D0C4CE
16.7%	16.7% #C4B3C0	RGB 196 179 192	#C4B3C0
33.3%	33.3% #B9A3B3	RGB 185 163 179	#B9A3B3
50.0%	50.0% #AE94A6	RGB 174 148 166	#AE94A6
66.7%	66.7% #A28598	RGB 162 133 152	#A28598
83.3%	83.3% #97788A	RGB 151 120 138	#97788A
100.0%	100.0% #8C6B7D	RGB 140 107 125	#8C6B7D

#D0C4CE #C4B3C0 #B9A3B3 #AE94A6 #A28598 #97788A #8C6B7D

#D0C4CE - #AE94A6 - #8C6B7D

CSS codes

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

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