#AA8FD6 - #E6DFF3 | 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 #AA8FD6 to #E6DFF3

#AA8FD6 #E6DFF3

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

#AA8FD6 - #E6DFF3 | 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 #AA8FD6 as 0% and #E6DFF3 as 100%.

0.0%	0.0% #AA8FD6	RGB 170 143 214	#AA8FD6
16.7%	16.7% #B49CDA	RGB 180 156 218	#B49CDA
33.3%	33.3% #BEA9DF	RGB 190 169 223	#BEA9DF
50.0%	50.0% #C8B7E4	RGB 200 183 228	#C8B7E4
66.7%	66.7% #D2C4E9	RGB 210 196 233	#D2C4E9
83.3%	83.3% #DCD1EE	RGB 220 209 238	#DCD1EE
100.0%	100.0% #E6DFF3	RGB 230 223 243	#E6DFF3

#AA8FD6 #B49CDA #BEA9DF #C8B7E4 #D2C4E9 #DCD1EE #E6DFF3

#AA8FD6 - #E6DFF3

HSV Blend

#AA8FD6 - #E6DFF3 | 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 #AA8FD6 as 0% and #E6DFF3 as 100%.

0.0%	0.0% #AA8FD6	RGB 170 143 214	#AA8FD6
16.7%	16.7% #B39BDA	RGB 179 155 218	#B39BDA
33.3%	33.3% #BCA8DF	RGB 188 168 223	#BCA8DF
50.0%	50.0% #C6B5E4	RGB 198 181 228	#C6B5E4
66.7%	66.7% #D0C2E9	RGB 208 194 233	#D0C2E9
83.3%	83.3% #DBD0EE	RGB 219 208 238	#DBD0EE
100.0%	100.0% #E6DFF3	RGB 230 223 243	#E6DFF3

#AA8FD6 #B39BDA #BCA8DF #C6B5E4 #D0C2E9 #DBD0EE #E6DFF3

#AA8FD6 - #C6B5E4 - #E6DFF3

CSS codes

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

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