#A49DAD - #E6E3E7 | 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 #A49DAD to #E6E3E7

#A49DAD #E6E3E7

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

#A49DAD - #E6E3E7 | 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 #A49DAD as 0% and #E6E3E7 as 100%.

0.0%	0.0% #A49DAD	RGB 164 157 173	#A49DAD
16.7%	16.7% #AFA8B6	RGB 175 168 182	#AFA8B6
33.3%	33.3% #BAB4C0	RGB 186 180 192	#BAB4C0
50.0%	50.0% #C5C0CA	RGB 197 192 202	#C5C0CA
66.7%	66.7% #D0CBD3	RGB 208 203 211	#D0CBD3
83.3%	83.3% #DBD7DD	RGB 219 215 221	#DBD7DD
100.0%	100.0% #E6E3E7	RGB 230 227 231	#E6E3E7

#A49DAD #AFA8B6 #BAB4C0 #C5C0CA #D0CBD3 #DBD7DD #E6E3E7

#A49DAD - #E6E3E7

HSV Blend

#A49DAD - #E6E3E7 | 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 #A49DAD as 0% and #E6E3E7 as 100%.

0.0%	0.0% #A49DAD	RGB 164 157 173	#A49DAD
16.7%	16.7% #AFA8B6	RGB 175 168 182	#AFA8B6
33.3%	33.3% #BAB3C0	RGB 186 179 192	#BAB3C0
50.0%	50.0% #C5BECA	RGB 197 190 202	#C5BECA
66.7%	66.7% #D0CAD3	RGB 208 202 211	#D0CAD3
83.3%	83.3% #DBD6DD	RGB 219 214 221	#DBD6DD
100.0%	100.0% #E6E3E7	RGB 230 227 231	#E6E3E7

#A49DAD #AFA8B6 #BAB3C0 #C5BECA #D0CAD3 #DBD6DD #E6E3E7

#A49DAD - #C5BECA - #E6E3E7

CSS codes

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

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