#A49B77 - #E5E2D8 | 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 #A49B77 to #E5E2D8

#A49B77 #E5E2D8

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

#A49B77 - #E5E2D8 | 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 #A49B77 as 0% and #E5E2D8 as 100%.

0.0%	0.0% #A49B77	RGB 164 155 119	#A49B77
16.7%	16.7% #AEA687	RGB 174 166 135	#AEA687
33.3%	33.3% #B9B297	RGB 185 178 151	#B9B297
50.0%	50.0% #C4BEA7	RGB 196 190 167	#C4BEA7
66.7%	66.7% #CFCAB7	RGB 207 202 183	#CFCAB7
83.3%	83.3% #DAD6C7	RGB 218 214 199	#DAD6C7
100.0%	100.0% #E5E2D8	RGB 229 226 216	#E5E2D8

#A49B77 #AEA687 #B9B297 #C4BEA7 #CFCAB7 #DAD6C7 #E5E2D8

#A49B77 - #E5E2D8

HSV Blend

#A49B77 - #E5E2D8 | 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 #A49B77 as 0% and #E5E2D8 as 100%.

0.0%	0.0% #A49B77	RGB 164 155 119	#A49B77
16.7%	16.7% #AEA685	RGB 174 166 133	#AEA685
33.3%	33.3% #B9B194	RGB 185 177 148	#B9B194
50.0%	50.0% #C4BDA3	RGB 196 189 163	#C4BDA3
66.7%	66.7% #CFC9B4	RGB 207 201 180	#CFC9B4
83.3%	83.3% #DAD5C5	RGB 218 213 197	#DAD5C5
100.0%	100.0% #E5E2D8	RGB 229 226 216	#E5E2D8

#A49B77 #AEA685 #B9B194 #C4BDA3 #CFC9B4 #DAD5C5 #E5E2D8

#A49B77 - #C4BDA3 - #E5E2D8

CSS codes

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

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