#A49BA5 - #E5E2E5 | 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 #A49BA5 to #E5E2E5

#A49BA5 #E5E2E5

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

#A49BA5 - #E5E2E5 | 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 #A49BA5 as 0% and #E5E2E5 as 100%.

0.0%	0.0% #A49BA5	RGB 164 155 165	#A49BA5
16.7%	16.7% #AEA6AF	RGB 174 166 175	#AEA6AF
33.3%	33.3% #B9B2BA	RGB 185 178 186	#B9B2BA
50.0%	50.0% #C4BEC5	RGB 196 190 197	#C4BEC5
66.7%	66.7% #CFCACF	RGB 207 202 207	#CFCACF
83.3%	83.3% #DAD6DA	RGB 218 214 218	#DAD6DA
100.0%	100.0% #E5E2E5	RGB 229 226 229	#E5E2E5

#A49BA5 #AEA6AF #B9B2BA #C4BEC5 #CFCACF #DAD6DA #E5E2E5

#A49BA5 - #E5E2E5

HSV Blend

#A49BA5 - #E5E2E5 | 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 #A49BA5 as 0% and #E5E2E5 as 100%.

0.0%	0.0% #A49BA5	RGB 164 155 165	#A49BA5
16.7%	16.7% #AEA6AF	RGB 174 166 175	#AEA6AF
33.3%	33.3% #B9B1BA	RGB 185 177 186	#B9B1BA
50.0%	50.0% #C4BDC5	RGB 196 189 197	#C4BDC5
66.7%	66.7% #CFC9CF	RGB 207 201 207	#CFC9CF
83.3%	83.3% #DAD5DA	RGB 218 213 218	#DAD5DA
100.0%	100.0% #E5E2E5	RGB 229 226 229	#E5E2E5

#A49BA5 #AEA6AF #B9B1BA #C4BDC5 #CFC9CF #DAD5DA #E5E2E5

#A49BA5 - #C4BDC5 - #E5E2E5

CSS codes

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

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