#AA8CB1 - #E6DEE8 | 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 #AA8CB1 to #E6DEE8

#AA8CB1 #E6DEE8

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

#AA8CB1 - #E6DEE8 | 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 #AA8CB1 as 0% and #E6DEE8 as 100%.

0.0%	0.0% #AA8CB1	RGB 170 140 177	#AA8CB1
16.7%	16.7% #B499BA	RGB 180 153 186	#B499BA
33.3%	33.3% #BEA7C3	RGB 190 167 195	#BEA7C3
50.0%	50.0% #C8B5CC	RGB 200 181 204	#C8B5CC
66.7%	66.7% #D2C2D5	RGB 210 194 213	#D2C2D5
83.3%	83.3% #DCD0DE	RGB 220 208 222	#DCD0DE
100.0%	100.0% #E6DEE8	RGB 230 222 232	#E6DEE8

#AA8CB1 #B499BA #BEA7C3 #C8B5CC #D2C2D5 #DCD0DE #E6DEE8

#AA8CB1 - #E6DEE8

HSV Blend

#AA8CB1 - #E6DEE8 | 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 #AA8CB1 as 0% and #E6DEE8 as 100%.

0.0%	0.0% #AA8CB1	RGB 170 140 177	#AA8CB1
16.7%	16.7% #B398BA	RGB 179 152 186	#B398BA
33.3%	33.3% #BDA5C3	RGB 189 165 195	#BDA5C3
50.0%	50.0% #C7B2CC	RGB 199 178 204	#C7B2CC
66.7%	66.7% #D1C0D5	RGB 209 192 213	#D1C0D5
83.3%	83.3% #DBCFDE	RGB 219 207 222	#DBCFDE
100.0%	100.0% #E6DEE8	RGB 230 222 232	#E6DEE8

#AA8CB1 #B398BA #BDA5C3 #C7B2CC #D1C0D5 #DBCFDE #E6DEE8

#AA8CB1 - #C7B2CC - #E6DEE8

CSS codes

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

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