#AA6EC3 - #E5D5ED | 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 #AA6EC3 to #E5D5ED

#AA6EC3 #E5D5ED

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

#AA6EC3 - #E5D5ED | 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 #AA6EC3 as 0% and #E5D5ED as 100%.

0.0%	0.0% #AA6EC3	RGB 170 110 195	#AA6EC3
16.7%	16.7% #B37FCA	RGB 179 127 202	#B37FCA
33.3%	33.3% #BD90D1	RGB 189 144 209	#BD90D1
50.0%	50.0% #C7A1D8	RGB 199 161 216	#C7A1D8
66.7%	66.7% #D1B2DF	RGB 209 178 223	#D1B2DF
83.3%	83.3% #DBC3E6	RGB 219 195 230	#DBC3E6
100.0%	100.0% #E5D5ED	RGB 229 213 237	#E5D5ED

#AA6EC3 #B37FCA #BD90D1 #C7A1D8 #D1B2DF #DBC3E6 #E5D5ED

#AA6EC3 - #E5D5ED

HSV Blend

#AA6EC3 - #E5D5ED | 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 #AA6EC3 as 0% and #E5D5ED as 100%.

0.0%	0.0% #A96EC3	RGB 169 110 195	#A96EC3
16.7%	16.7% #B27DCA	RGB 178 125 202	#B27DCA
33.3%	33.3% #BC8DD1	RGB 188 141 209	#BC8DD1
50.0%	50.0% #C59DD8	RGB 197 157 216	#C59DD8
66.7%	66.7% #CFAFDF	RGB 207 175 223	#CFAFDF
83.3%	83.3% #DAC1E6	RGB 218 193 230	#DAC1E6
100.0%	100.0% #E5D5ED	RGB 229 213 237	#E5D5ED

#A96EC3 #B27DCA #BC8DD1 #C59DD8 #CFAFDF #DAC1E6 #E5D5ED

#AA6EC3 - #C59DD8 - #E5D5ED

CSS codes

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

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