#D4CFDF - #8C77A0 | 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 #D4CFDF to #8C77A0

#D4CFDF #8C77A0

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

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

0.0%	0.0% #D4CFDF	RGB 212 207 223	#D4CFDF
16.7%	16.7% #C8C0D4	RGB 200 192 212	#C8C0D4
33.3%	33.3% #BCB1CA	RGB 188 177 202	#BCB1CA
50.0%	50.0% #B0A3BF	RGB 176 163 191	#B0A3BF
66.7%	66.7% #A494B5	RGB 164 148 181	#A494B5
83.3%	83.3% #9885AA	RGB 152 133 170	#9885AA
100.0%	100.0% #8C77A0	RGB 140 119 160	#8C77A0

#D4CFDF #C8C0D4 #BCB1CA #B0A3BF #A494B5 #9885AA #8C77A0

#D4CFDF - #8C77A0

HSV Blend

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

0.0%	0.0% #D4CFDF	RGB 212 207 223	#D4CFDF
16.7%	16.7% #C6BED4	RGB 198 190 212	#C6BED4
33.3%	33.3% #B9AFCA	RGB 185 175 202	#B9AFCA
50.0%	50.0% #ADA0BF	RGB 173 160 191	#ADA0BF
66.7%	66.7% #A191B5	RGB 161 145 181	#A191B5
83.3%	83.3% #9684AA	RGB 150 132 170	#9684AA
100.0%	100.0% #8C77A0	RGB 140 119 160	#8C77A0

#D4CFDF #C6BED4 #B9AFCA #ADA0BF #A191B5 #9684AA #8C77A0

#D4CFDF - #ADA0BF - #8C77A0

CSS codes

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

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