#A4A985 - #E5E6DC | 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 #A4A985 to #E5E6DC

#A4A985 #E5E6DC

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

#A4A985 - #E5E6DC | 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 #A4A985 as 0% and #E5E6DC as 100%.

0.0%	0.0% #A4A985	RGB 164 169 133	#A4A985
16.7%	16.7% #AEB393	RGB 174 179 147	#AEB393
33.3%	33.3% #B9BDA2	RGB 185 189 162	#B9BDA2
50.0%	50.0% #C4C7B0	RGB 196 199 176	#C4C7B0
66.7%	66.7% #CFD1BF	RGB 207 209 191	#CFD1BF
83.3%	83.3% #DADBCD	RGB 218 219 205	#DADBCD
100.0%	100.0% #E5E6DC	RGB 229 230 220	#E5E6DC

#A4A985 #AEB393 #B9BDA2 #C4C7B0 #CFD1BF #DADBCD #E5E6DC

#A4A985 - #E5E6DC

HSV Blend

#A4A985 - #E5E6DC | 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 #A4A985 as 0% and #E5E6DC as 100%.

0.0%	0.0% #A4A985	RGB 164 169 133	#A4A985
16.7%	16.7% #AEB392	RGB 174 179 146	#AEB392
33.3%	33.3% #B9BD9F	RGB 185 189 159	#B9BD9F
50.0%	50.0% #C4C7AD	RGB 196 199 173	#C4C7AD
66.7%	66.7% #CFD1BC	RGB 207 209 188	#CFD1BC
83.3%	83.3% #DADBCC	RGB 218 219 204	#DADBCC
100.0%	100.0% #E5E6DC	RGB 229 230 220	#E5E6DC

#A4A985 #AEB392 #B9BD9F #C4C7AD #CFD1BC #DADBCC #E5E6DC

#A4A985 - #C4C7AD - #E5E6DC

CSS codes

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

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