#A7A56B - #E5E4D4 | 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 #A7A56B to #E5E4D4

#A7A56B #E5E4D4

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

#A7A56B - #E5E4D4 | 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 #A7A56B as 0% and #E5E4D4 as 100%.

0.0%	0.0% #A7A56B	RGB 167 165 107	#A7A56B
16.7%	16.7% #B1AF7C	RGB 177 175 124	#B1AF7C
33.3%	33.3% #BBBA8E	RGB 187 186 142	#BBBA8E
50.0%	50.0% #C6C49F	RGB 198 196 159	#C6C49F
66.7%	66.7% #D0CFB1	RGB 208 207 177	#D0CFB1
83.3%	83.3% #DAD9C2	RGB 218 217 194	#DAD9C2
100.0%	100.0% #E5E4D4	RGB 229 228 212	#E5E4D4

#A7A56B #B1AF7C #BBBA8E #C6C49F #D0CFB1 #DAD9C2 #E5E4D4

#A7A56B - #E5E4D4

HSV Blend

#A7A56B - #E5E4D4 | 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 #A7A56B as 0% and #E5E4D4 as 100%.

0.0%	0.0% #A7A56B	RGB 167 165 107	#A7A56B
16.7%	16.7% #B1AF7A	RGB 177 175 122	#B1AF7A
33.3%	33.3% #BBB98A	RGB 187 185 138	#BBB98A
50.0%	50.0% #C6C49B	RGB 198 196 155	#C6C49B
66.7%	66.7% #D0CEAD	RGB 208 206 173	#D0CEAD
83.3%	83.3% #DAD9C0	RGB 218 217 192	#DAD9C0
100.0%	100.0% #E5E4D4	RGB 229 228 212	#E5E4D4

#A7A56B #B1AF7A #BBB98A #C6C49B #D0CEAD #DAD9C0 #E5E4D4

#A7A56B - #C6C49B - #E5E4D4

CSS codes

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

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