#A16E5A - #E4D5CF | 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 #A16E5A to #E4D5CF

#A16E5A #E4D5CF

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

#A16E5A - #E4D5CF | 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 #A16E5A as 0% and #E4D5CF as 100%.

0.0%	0.0% #A16E5A	RGB 161 110 90	#A16E5A
16.7%	16.7% #AC7F6D	RGB 172 127 109	#AC7F6D
33.3%	33.3% #B79081	RGB 183 144 129	#B79081
50.0%	50.0% #C2A194	RGB 194 161 148	#C2A194
66.7%	66.7% #CDB2A8	RGB 205 178 168	#CDB2A8
83.3%	83.3% #D8C3BB	RGB 216 195 187	#D8C3BB
100.0%	100.0% #E4D5CF	RGB 228 213 207	#E4D5CF

#A16E5A #AC7F6D #B79081 #C2A194 #CDB2A8 #D8C3BB #E4D5CF

#A16E5A - #E4D5CF

HSV Blend

#A16E5A - #E4D5CF | 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 #A16E5A as 0% and #E4D5CF as 100%.

0.0%	0.0% #A16E5A	RGB 161 110 90	#A16E5A
16.7%	16.7% #AC7C6A	RGB 172 124 106	#AC7C6A
33.3%	33.3% #B78C7B	RGB 183 140 123	#B78C7B
50.0%	50.0% #C29D8E	RGB 194 157 142	#C29D8E
66.7%	66.7% #CDAEA2	RGB 205 174 162	#CDAEA2
83.3%	83.3% #D8C1B8	RGB 216 193 184	#D8C1B8
100.0%	100.0% #E4D5CF	RGB 228 213 207	#E4D5CF

#A16E5A #AC7C6A #B78C7B #C29D8E #CDAEA2 #D8C1B8 #E4D5CF

#A16E5A - #C29D8E - #E4D5CF

CSS codes

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

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