#AA9FDD - #E6E3F5 | 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 #AA9FDD to #E6E3F5

#AA9FDD #E6E3F5

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

#AA9FDD - #E6E3F5 | 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 #AA9FDD as 0% and #E6E3F5 as 100%.

0.0%	0.0% #AA9FDD	RGB 170 159 221	#AA9FDD
16.7%	16.7% #B4AAE1	RGB 180 170 225	#B4AAE1
33.3%	33.3% #BEB5E5	RGB 190 181 229	#BEB5E5
50.0%	50.0% #C8C1E9	RGB 200 193 233	#C8C1E9
66.7%	66.7% #D2CCED	RGB 210 204 237	#D2CCED
83.3%	83.3% #DCD7F1	RGB 220 215 241	#DCD7F1
100.0%	100.0% #E6E3F5	RGB 230 227 245	#E6E3F5

#AA9FDD #B4AAE1 #BEB5E5 #C8C1E9 #D2CCED #DCD7F1 #E6E3F5

#AA9FDD - #E6E3F5

HSV Blend

#AA9FDD - #E6E3F5 | 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 #AA9FDD as 0% and #E6E3F5 as 100%.

0.0%	0.0% #AA9FDD	RGB 170 159 221	#AA9FDD
16.7%	16.7% #B3A9E1	RGB 179 169 225	#B3A9E1
33.3%	33.3% #BCB4E5	RGB 188 180 229	#BCB4E5
50.0%	50.0% #C6BFE9	RGB 198 191 233	#C6BFE9
66.7%	66.7% #D0CBED	RGB 208 203 237	#D0CBED
83.3%	83.3% #DBD6F1	RGB 219 214 241	#DBD6F1
100.0%	100.0% #E6E3F5	RGB 230 227 245	#E6E3F5

#AA9FDD #B3A9E1 #BCB4E5 #C6BFE9 #D0CBED #DBD6F1 #E6E3F5

#AA9FDD - #C6BFE9 - #E6E3F5

CSS codes

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

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