#AA8AC1 - #E6DDED | 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 #AA8AC1 to #E6DDED

#AA8AC1 #E6DDED

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

#AA8AC1 - #E6DDED | 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 #AA8AC1 as 0% and #E6DDED as 100%.

0.0%	0.0% #AA8AC1	RGB 170 138 193	#AA8AC1
16.7%	16.7% #B497C8	RGB 180 151 200	#B497C8
33.3%	33.3% #BEA5CF	RGB 190 165 207	#BEA5CF
50.0%	50.0% #C8B3D7	RGB 200 179 215	#C8B3D7
66.7%	66.7% #D2C1DE	RGB 210 193 222	#D2C1DE
83.3%	83.3% #DCCFE5	RGB 220 207 229	#DCCFE5
100.0%	100.0% #E6DDED	RGB 230 221 237	#E6DDED

#AA8AC1 #B497C8 #BEA5CF #C8B3D7 #D2C1DE #DCCFE5 #E6DDED

#AA8AC1 - #E6DDED

HSV Blend

#AA8AC1 - #E6DDED | 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 #AA8AC1 as 0% and #E6DDED as 100%.

0.0%	0.0% #AA8AC1	RGB 170 138 193	#AA8AC1
16.7%	16.7% #B396C8	RGB 179 150 200	#B396C8
33.3%	33.3% #BCA3CF	RGB 188 163 207	#BCA3CF
50.0%	50.0% #C6B1D7	RGB 198 177 215	#C6B1D7
66.7%	66.7% #D0BFDE	RGB 208 191 222	#D0BFDE
83.3%	83.3% #DBCDE5	RGB 219 205 229	#DBCDE5
100.0%	100.0% #E6DDED	RGB 230 221 237	#E6DDED

#AA8AC1 #B396C8 #BCA3CF #C6B1D7 #D0BFDE #DBCDE5 #E6DDED

#AA8AC1 - #C6B1D7 - #E6DDED

CSS codes

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

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