#AAAAC6 - #E8C9FF | 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 #AAAAC6 to #E8C9FF

#AAAAC6 #E8C9FF

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

#AAAAC6 - #E8C9FF | 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 #AAAAC6 as 0% and #E8C9FF as 100%.

0.0%	0.0% #AAAAC6	RGB 170 170 198	#AAAAC6
16.7%	16.7% #B4AFCF	RGB 180 175 207	#B4AFCF
33.3%	33.3% #BEB4D9	RGB 190 180 217	#BEB4D9
50.0%	50.0% #C9B9E2	RGB 201 185 226	#C9B9E2
66.7%	66.7% #D3BEEC	RGB 211 190 236	#D3BEEC
83.3%	83.3% #DDC3F5	RGB 221 195 245	#DDC3F5
100.0%	100.0% #E8C9FF	RGB 232 201 255	#E8C9FF

#AAAAC6 #B4AFCF #BEB4D9 #C9B9E2 #D3BEEC #DDC3F5 #E8C9FF

#AAAAC6 - #E8C9FF

HSV Blend

#AAAAC6 - #E8C9FF | 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 #AAAAC6 as 0% and #E8C9FF as 100%.

0.0%	0.0% #AAAAC6	RGB 170 170 198	#AAAAC6
16.7%	16.7% #B2AFCF	RGB 178 175 207	#B2AFCF
33.3%	33.3% #BCB5D9	RGB 188 181 217	#BCB5D9
50.0%	50.0% #C5BAE2	RGB 197 186 226	#C5BAE2
66.7%	66.7% #D0BFEC	RGB 208 191 236	#D0BFEC
83.3%	83.3% #DBC4F5	RGB 219 196 245	#DBC4F5
100.0%	100.0% #E8C9FF	RGB 232 201 255	#E8C9FF

#AAAAC6 #B2AFCF #BCB5D9 #C5BAE2 #D0BFEC #DBC4F5 #E8C9FF

#AAAAC6 - #C5BAE2 - #E8C9FF

CSS codes

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

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