#D3C0E4 - #8561A6 | 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 #D3C0E4 to #8561A6

#D3C0E4 #8561A6

Calculate the color between two colors, #D3C0E4 and #8561A6. 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)

#D3C0E4 - #8561A6 | 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 #D3C0E4 as 0% and #8561A6 as 100%.

0.0%	0.0% #D3C0E4	RGB 211 192 228	#D3C0E4
16.7%	16.7% #C6B0D9	RGB 198 176 217	#C6B0D9
33.3%	33.3% #B9A0CF	RGB 185 160 207	#B9A0CF
50.0%	50.0% #AC90C5	RGB 172 144 197	#AC90C5
66.7%	66.7% #9F80BA	RGB 159 128 186	#9F80BA
83.3%	83.3% #9270B0	RGB 146 112 176	#9270B0
100.0%	100.0% #8561A6	RGB 133 97 166	#8561A6

#D3C0E4 #C6B0D9 #B9A0CF #AC90C5 #9F80BA #9270B0 #8561A6

#D3C0E4 - #8561A6

HSV Blend

#D3C0E4 - #8561A6 | 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 #D3C0E4 as 0% and #8561A6 as 100%.

0.0%	0.0% #D3C0E4	RGB 211 192 228	#D3C0E4
16.7%	16.7% #C4ADD9	RGB 196 173 217	#C4ADD9
33.3%	33.3% #B79CCF	RGB 183 156 207	#B79CCF
50.0%	50.0% #AA8CC5	RGB 170 140 197	#AA8CC5
66.7%	66.7% #9D7DBA	RGB 157 125 186	#9D7DBA
83.3%	83.3% #906EB0	RGB 144 110 176	#906EB0
100.0%	100.0% #8561A6	RGB 133 97 166	#8561A6

#D3C0E4 #C4ADD9 #B79CCF #AA8CC5 #9D7DBA #906EB0 #8561A6

#D3C0E4 - #AA8CC5 - #8561A6

CSS codes

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

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