#A49DA9 - #E6E3E4 | 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 #A49DA9 to #E6E3E4

#A49DA9 #E6E3E4

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

#A49DA9 - #E6E3E4 | 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 #A49DA9 as 0% and #E6E3E4 as 100%.

0.0%	0.0% #A49DA9	RGB 164 157 169	#A49DA9
16.7%	16.7% #AFA8B2	RGB 175 168 178	#AFA8B2
33.3%	33.3% #BAB4BC	RGB 186 180 188	#BAB4BC
50.0%	50.0% #C5C0C6	RGB 197 192 198	#C5C0C6
66.7%	66.7% #D0CBD0	RGB 208 203 208	#D0CBD0
83.3%	83.3% #DBD7DA	RGB 219 215 218	#DBD7DA
100.0%	100.0% #E6E3E4	RGB 230 227 228	#E6E3E4

#A49DA9 #AFA8B2 #BAB4BC #C5C0C6 #D0CBD0 #DBD7DA #E6E3E4

#A49DA9 - #E6E3E4

HSV Blend

#A49DA9 - #E6E3E4 | 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 #A49DA9 as 0% and #E6E3E4 as 100%.

0.0%	0.0% #A49DA9	RGB 164 157 169	#A49DA9
16.7%	16.7% #B0A8B3	RGB 176 168 179	#B0A8B3
33.3%	33.3% #BCB3BD	RGB 188 179 189	#BCB3BD
50.0%	50.0% #C7BFC6	RGB 199 191 198	#C7BFC6
66.7%	66.7% #D1CACF	RGB 209 202 207	#D1CACF
83.3%	83.3% #DBD6D9	RGB 219 214 217	#DBD6D9
100.0%	100.0% #E6E3E4	RGB 230 227 228	#E6E3E4

#A49DA9 #B0A8B3 #BCB3BD #C7BFC6 #D1CACF #DBD6D9 #E6E3E4

#A49DA9 - #C7BFC6 - #E6E3E4

CSS codes

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

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