#AAA7B6 - #E5C2FF | 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 #AAA7B6 to #E5C2FF

#AAA7B6 #E5C2FF

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

#AAA7B6 - #E5C2FF | 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 #AAA7B6 as 0% and #E5C2FF as 100%.

0.0%	0.0% #AAA7B6	RGB 170 167 182	#AAA7B6
16.7%	16.7% #B3ABC2	RGB 179 171 194	#B3ABC2
33.3%	33.3% #BDB0CE	RGB 189 176 206	#BDB0CE
50.0%	50.0% #C7B4DA	RGB 199 180 218	#C7B4DA
66.7%	66.7% #D1B9E6	RGB 209 185 230	#D1B9E6
83.3%	83.3% #DBBDF2	RGB 219 189 242	#DBBDF2
100.0%	100.0% #E5C2FF	RGB 229 194 255	#E5C2FF

#AAA7B6 #B3ABC2 #BDB0CE #C7B4DA #D1B9E6 #DBBDF2 #E5C2FF

#AAA7B6 - #E5C2FF

HSV Blend

#AAA7B6 - #E5C2FF | 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 #AAA7B6 as 0% and #E5C2FF as 100%.

0.0%	0.0% #AAA7B6	RGB 170 167 182	#AAA7B6
16.7%	16.7% #B2ADC2	RGB 178 173 194	#B2ADC2
33.3%	33.3% #BBB2CE	RGB 187 178 206	#BBB2CE
50.0%	50.0% #C4B7DA	RGB 196 183 218	#C4B7DA
66.7%	66.7% #CEBBE6	RGB 206 187 230	#CEBBE6
83.3%	83.3% #D9BFF2	RGB 217 191 242	#D9BFF2
100.0%	100.0% #E5C2FF	RGB 229 194 255	#E5C2FF

#AAA7B6 #B2ADC2 #BBB2CE #C4B7DA #CEBBE6 #D9BFF2 #E5C2FF

#AAA7B6 - #C4B7DA - #E5C2FF

CSS codes

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

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