#E7E7EE - #A49CC3 | 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 #E7E7EE to #A49CC3

#E7E7EE #A49CC3

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

#E7E7EE - #A49CC3 | 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 #E7E7EE as 0% and #A49CC3 as 100%.

0.0%	0.0% #E7E7EE	RGB 231 231 238	#E7E7EE
16.7%	16.7% #DBDAE6	RGB 219 218 230	#DBDAE6
33.3%	33.3% #D0CEDF	RGB 208 206 223	#D0CEDF
50.0%	50.0% #C5C1D8	RGB 197 193 216	#C5C1D8
66.7%	66.7% #BAB5D1	RGB 186 181 209	#BAB5D1
83.3%	83.3% #AFA8CA	RGB 175 168 202	#AFA8CA
100.0%	100.0% #A49CC3	RGB 164 156 195	#A49CC3

#E7E7EE #DBDAE6 #D0CEDF #C5C1D8 #BAB5D1 #AFA8CA #A49CC3

#E7E7EE - #A49CC3

HSV Blend

#E7E7EE - #A49CC3 | 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 #E7E7EE as 0% and #A49CC3 as 100%.

0.0%	0.0% #E7E7EE	RGB 231 231 238	#E7E7EE
16.7%	16.7% #D9D9E6	RGB 217 217 230	#D9D9E6
33.3%	33.3% #CDCCDF	RGB 205 204 223	#CDCCDF
50.0%	50.0% #C2BFD8	RGB 194 191 216	#C2BFD8
66.7%	66.7% #B7B3D1	RGB 183 179 209	#B7B3D1
83.3%	83.3% #ADA7CA	RGB 173 167 202	#ADA7CA
100.0%	100.0% #A49CC3	RGB 164 156 195	#A49CC3

#E7E7EE #D9D9E6 #CDCCDF #C2BFD8 #B7B3D1 #ADA7CA #A49CC3

#E7E7EE - #C2BFD8 - #A49CC3

CSS codes

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

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