#D3C2E3 - #A06ECC | 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 #D3C2E3 to #A06ECC

#D3C2E3 #A06ECC

Calculate the color between two colors, #D3C2E3 and #A06ECC. 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)

#D3C2E3 - #A06ECC | 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 #D3C2E3 as 0% and #A06ECC as 100%.

0.0%	0.0% #D3C2E3	RGB 211 194 227	#D3C2E3
16.7%	16.7% #CAB4DF	RGB 202 180 223	#CAB4DF
33.3%	33.3% #C2A6DB	RGB 194 166 219	#C2A6DB
50.0%	50.0% #B998D7	RGB 185 152 215	#B998D7
66.7%	66.7% #B18AD3	RGB 177 138 211	#B18AD3
83.3%	83.3% #A87CCF	RGB 168 124 207	#A87CCF
100.0%	100.0% #A06ECC	RGB 160 110 204	#A06ECC

#D3C2E3 #CAB4DF #C2A6DB #B998D7 #B18AD3 #A87CCF #A06ECC

#D3C2E3 - #A06ECC

HSV Blend

#D3C2E3 - #A06ECC | 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 #D3C2E3 as 0% and #A06ECC as 100%.

0.0%	0.0% #D3C2E3	RGB 211 194 227	#D3C2E3
16.7%	16.7% #C9B2DF	RGB 201 178 223	#C9B2DF
33.3%	33.3% #C1A4DB	RGB 193 164 219	#C1A4DB
50.0%	50.0% #B896D7	RGB 184 150 215	#B896D7
66.7%	66.7% #B088D3	RGB 176 136 211	#B088D3
83.3%	83.3% #A77ACF	RGB 167 122 207	#A77ACF
100.0%	100.0% #A06ECC	RGB 160 110 204	#A06ECC

#D3C2E3 #C9B2DF #C1A4DB #B896D7 #B088D3 #A77ACF #A06ECC

#D3C2E3 - #B896D7 - #A06ECC

CSS codes

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

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