#D0CFD5 - #8C7792 | 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 #D0CFD5 to #8C7792

#D0CFD5 #8C7792

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

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

0.0%	0.0% #D0CFD5	RGB 208 207 213	#D0CFD5
16.7%	16.7% #C4C0C9	RGB 196 192 201	#C4C0C9
33.3%	33.3% #B9B1BE	RGB 185 177 190	#B9B1BE
50.0%	50.0% #AEA3B3	RGB 174 163 179	#AEA3B3
66.7%	66.7% #A294A8	RGB 162 148 168	#A294A8
83.3%	83.3% #97859D	RGB 151 133 157	#97859D
100.0%	100.0% #8C7792	RGB 140 119 146	#8C7792

#D0CFD5 #C4C0C9 #B9B1BE #AEA3B3 #A294A8 #97859D #8C7792

#D0CFD5 - #8C7792

HSV Blend

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

0.0%	0.0% #D0CFD5	RGB 208 207 213	#D0CFD5
16.7%	16.7% #C1BEC9	RGB 193 190 201	#C1BEC9
33.3%	33.3% #B5AFBE	RGB 181 175 190	#B5AFBE
50.0%	50.0% #A9A0B3	RGB 169 160 179	#A9A0B3
66.7%	66.7% #9E91A8	RGB 158 145 168	#9E91A8
83.3%	83.3% #95849D	RGB 149 132 157	#95849D
100.0%	100.0% #8C7792	RGB 140 119 146	#8C7792

#D0CFD5 #C1BEC9 #B5AFBE #A9A0B3 #9E91A8 #95849D #8C7792

#D0CFD5 - #A9A0B3 - #8C7792

CSS codes

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

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