#AAA3C2 - #E6E4ED | 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 #AAA3C2 to #E6E4ED

#AAA3C2 #E6E4ED

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

#AAA3C2 - #E6E4ED | 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 #AAA3C2 as 0% and #E6E4ED as 100%.

0.0%	0.0% #AAA3C2	RGB 170 163 194	#AAA3C2
16.7%	16.7% #B4ADC9	RGB 180 173 201	#B4ADC9
33.3%	33.3% #BEB8D0	RGB 190 184 208	#BEB8D0
50.0%	50.0% #C8C3D7	RGB 200 195 215	#C8C3D7
66.7%	66.7% #D2CEDE	RGB 210 206 222	#D2CEDE
83.3%	83.3% #DCD9E5	RGB 220 217 229	#DCD9E5
100.0%	100.0% #E6E4ED	RGB 230 228 237	#E6E4ED

#AAA3C2 #B4ADC9 #BEB8D0 #C8C3D7 #D2CEDE #DCD9E5 #E6E4ED

#AAA3C2 - #E6E4ED

HSV Blend

#AAA3C2 - #E6E4ED | 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 #AAA3C2 as 0% and #E6E4ED as 100%.

0.0%	0.0% #AAA3C2	RGB 170 163 194	#AAA3C2
16.7%	16.7% #B3ADC9	RGB 179 173 201	#B3ADC9
33.3%	33.3% #BDB7D0	RGB 189 183 208	#BDB7D0
50.0%	50.0% #C6C2D7	RGB 198 194 215	#C6C2D7
66.7%	66.7% #D1CDDE	RGB 209 205 222	#D1CDDE
83.3%	83.3% #DBD8E5	RGB 219 216 229	#DBD8E5
100.0%	100.0% #E6E4ED	RGB 230 228 237	#E6E4ED

#AAA3C2 #B3ADC9 #BDB7D0 #C6C2D7 #D1CDDE #DBD8E5 #E6E4ED

#AAA3C2 - #C6C2D7 - #E6E4ED

CSS codes

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

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