#AA8BA7 - #E6DDE5 | 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 #AA8BA7 to #E6DDE5

#AA8BA7 #E6DDE5

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

#AA8BA7 - #E6DDE5 | 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 #AA8BA7 as 0% and #E6DDE5 as 100%.

0.0%	0.0% #AA8BA7	RGB 170 139 167	#AA8BA7
16.7%	16.7% #B498B1	RGB 180 152 177	#B498B1
33.3%	33.3% #BEA6BB	RGB 190 166 187	#BEA6BB
50.0%	50.0% #C8B4C6	RGB 200 180 198	#C8B4C6
66.7%	66.7% #D2C1D0	RGB 210 193 208	#D2C1D0
83.3%	83.3% #DCCFDA	RGB 220 207 218	#DCCFDA
100.0%	100.0% #E6DDE5	RGB 230 221 229	#E6DDE5

#AA8BA7 #B498B1 #BEA6BB #C8B4C6 #D2C1D0 #DCCFDA #E6DDE5

#AA8BA7 - #E6DDE5

HSV Blend

#AA8BA7 - #E6DDE5 | 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 #AA8BA7 as 0% and #E6DDE5 as 100%.

0.0%	0.0% #AA8BA7	RGB 170 139 167	#AA8BA7
16.7%	16.7% #B497B1	RGB 180 151 177	#B497B1
33.3%	33.3% #BEA4BB	RGB 190 164 187	#BEA4BB
50.0%	50.0% #C8B1C5	RGB 200 177 197	#C8B1C5
66.7%	66.7% #D2BFD0	RGB 210 191 208	#D2BFD0
83.3%	83.3% #DCCEDA	RGB 220 206 218	#DCCEDA
100.0%	100.0% #E6DDE5	RGB 230 221 229	#E6DDE5

#AA8BA7 #B497B1 #BEA4BB #C8B1C5 #D2BFD0 #DCCEDA #E6DDE5

#AA8BA7 - #C8B1C5 - #E6DDE5

CSS codes

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

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