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

#AA8BC3 #E6DDED

Calculate the color between two colors, #AA8BC3 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)

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

0.0%	0.0% #AA8BC3	RGB 170 139 195	#AA8BC3
16.7%	16.7% #B498CA	RGB 180 152 202	#B498CA
33.3%	33.3% #BEA6D1	RGB 190 166 209	#BEA6D1
50.0%	50.0% #C8B4D8	RGB 200 180 216	#C8B4D8
66.7%	66.7% #D2C1DF	RGB 210 193 223	#D2C1DF
83.3%	83.3% #DCCFE6	RGB 220 207 230	#DCCFE6
100.0%	100.0% #E6DDED	RGB 230 221 237	#E6DDED

#AA8BC3 #B498CA #BEA6D1 #C8B4D8 #D2C1DF #DCCFE6 #E6DDED

#AA8BC3 - #E6DDED

HSV Blend

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

0.0%	0.0% #AA8BC3	RGB 170 139 195	#AA8BC3
16.7%	16.7% #B397CA	RGB 179 151 202	#B397CA
33.3%	33.3% #BDA4D1	RGB 189 164 209	#BDA4D1
50.0%	50.0% #C7B1D8	RGB 199 177 216	#C7B1D8
66.7%	66.7% #D1BFDF	RGB 209 191 223	#D1BFDF
83.3%	83.3% #DBCEE6	RGB 219 206 230	#DBCEE6
100.0%	100.0% #E6DDED	RGB 230 221 237	#E6DDED

#AA8BC3 #B397CA #BDA4D1 #C7B1D8 #D1BFDF #DBCEE6 #E6DDED

#AA8BC3 - #C7B1D8 - #E6DDED

CSS codes

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

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