#D1CFDF - #8D74A0 | 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 #D1CFDF to #8D74A0

#D1CFDF #8D74A0

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

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

0.0%	0.0% #D1CFDF	RGB 209 207 223	#D1CFDF
16.7%	16.7% #C5BFD4	RGB 197 191 212	#C5BFD4
33.3%	33.3% #BAB0CA	RGB 186 176 202	#BAB0CA
50.0%	50.0% #AFA1BF	RGB 175 161 191	#AFA1BF
66.7%	66.7% #A392B5	RGB 163 146 181	#A392B5
83.3%	83.3% #9883AA	RGB 152 131 170	#9883AA
100.0%	100.0% #8D74A0	RGB 141 116 160	#8D74A0

#D1CFDF #C5BFD4 #BAB0CA #AFA1BF #A392B5 #9883AA #8D74A0

#D1CFDF - #8D74A0

HSV Blend

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

0.0%	0.0% #D1CFDF	RGB 209 207 223	#D1CFDF
16.7%	16.7% #C2BED4	RGB 194 190 212	#C2BED4
33.3%	33.3% #B5ADCA	RGB 181 173 202	#B5ADCA
50.0%	50.0% #A99EBF	RGB 169 158 191	#A99EBF
66.7%	66.7% #9F8FB5	RGB 159 143 181	#9F8FB5
83.3%	83.3% #9581AA	RGB 149 129 170	#9581AA
100.0%	100.0% #8D74A0	RGB 141 116 160	#8D74A0

#D1CFDF #C2BED4 #B5ADCA #A99EBF #9F8FB5 #9581AA #8D74A0

#D1CFDF - #A99EBF - #8D74A0

CSS codes

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

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