#AA85BF - #E6DCEC | 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 #AA85BF to #E6DCEC

#AA85BF #E6DCEC

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

#AA85BF - #E6DCEC | 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 #AA85BF as 0% and #E6DCEC as 100%.

0.0%	0.0% #AA85BF	RGB 170 133 191	#AA85BF
16.7%	16.7% #B493C6	RGB 180 147 198	#B493C6
33.3%	33.3% #BEA2CE	RGB 190 162 206	#BEA2CE
50.0%	50.0% #C8B0D5	RGB 200 176 213	#C8B0D5
66.7%	66.7% #D2BFDD	RGB 210 191 221	#D2BFDD
83.3%	83.3% #DCCDE4	RGB 220 205 228	#DCCDE4
100.0%	100.0% #E6DCEC	RGB 230 220 236	#E6DCEC

#AA85BF #B493C6 #BEA2CE #C8B0D5 #D2BFDD #DCCDE4 #E6DCEC

#AA85BF - #E6DCEC

HSV Blend

#AA85BF - #E6DCEC | 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 #AA85BF as 0% and #E6DCEC as 100%.

0.0%	0.0% #AA85BF	RGB 170 133 191	#AA85BF
16.7%	16.7% #B392C6	RGB 179 146 198	#B392C6
33.3%	33.3% #BD9FCE	RGB 189 159 206	#BD9FCE
50.0%	50.0% #C6ADD5	RGB 198 173 213	#C6ADD5
66.7%	66.7% #D1BCDD	RGB 209 188 221	#D1BCDD
83.3%	83.3% #DBCCE4	RGB 219 204 228	#DBCCE4
100.0%	100.0% #E6DCEC	RGB 230 220 236	#E6DCEC

#AA85BF #B392C6 #BD9FCE #C6ADD5 #D1BCDD #DBCCE4 #E6DCEC

#AA85BF - #C6ADD5 - #E6DCEC

CSS codes

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

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