#AA9CB2 - #E7E2E9 | 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 #AA9CB2 to #E7E2E9

#AA9CB2 #E7E2E9

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

#AA9CB2 - #E7E2E9 | 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 #AA9CB2 as 0% and #E7E2E9 as 100%.

0.0%	0.0% #AA9CB2	RGB 170 156 178	#AA9CB2
16.7%	16.7% #B4A7BB	RGB 180 167 187	#B4A7BB
33.3%	33.3% #BEB3C4	RGB 190 179 196	#BEB3C4
50.0%	50.0% #C8BFCD	RGB 200 191 205	#C8BFCD
66.7%	66.7% #D2CAD6	RGB 210 202 214	#D2CAD6
83.3%	83.3% #DCD6DF	RGB 220 214 223	#DCD6DF
100.0%	100.0% #E7E2E9	RGB 231 226 233	#E7E2E9

#AA9CB2 #B4A7BB #BEB3C4 #C8BFCD #D2CAD6 #DCD6DF #E7E2E9

#AA9CB2 - #E7E2E9

HSV Blend

#AA9CB2 - #E7E2E9 | 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 #AA9CB2 as 0% and #E7E2E9 as 100%.

0.0%	0.0% #AA9CB2	RGB 170 156 178	#AA9CB2
16.7%	16.7% #B4A6BB	RGB 180 166 187	#B4A6BB
33.3%	33.3% #BEB2C4	RGB 190 178 196	#BEB2C4
50.0%	50.0% #C8BDCD	RGB 200 189 205	#C8BDCD
66.7%	66.7% #D2C9D6	RGB 210 201 214	#D2C9D6
83.3%	83.3% #DCD5DF	RGB 220 213 223	#DCD5DF
100.0%	100.0% #E7E2E9	RGB 231 226 233	#E7E2E9

#AA9CB2 #B4A6BB #BEB2C4 #C8BDCD #D2C9D6 #DCD5DF #E7E2E9

#AA9CB2 - #C8BDCD - #E7E2E9

CSS codes

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

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