#A0AB5E - #E3E7D1 | 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 #A0AB5E to #E3E7D1

#A0AB5E #E3E7D1

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

#A0AB5E - #E3E7D1 | 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 #A0AB5E as 0% and #E3E7D1 as 100%.

0.0%	0.0% #A0AB5E	RGB 160 171 94	#A0AB5E
16.7%	16.7% #ABB571	RGB 171 181 113	#ABB571
33.3%	33.3% #B6BF84	RGB 182 191 132	#B6BF84
50.0%	50.0% #C1C997	RGB 193 201 151	#C1C997
66.7%	66.7% #CCD3AA	RGB 204 211 170	#CCD3AA
83.3%	83.3% #D7DDBD	RGB 215 221 189	#D7DDBD
100.0%	100.0% #E3E7D1	RGB 227 231 209	#E3E7D1

#A0AB5E #ABB571 #B6BF84 #C1C997 #CCD3AA #D7DDBD #E3E7D1

#A0AB5E - #E3E7D1

HSV Blend

#A0AB5E - #E3E7D1 | 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 #A0AB5E as 0% and #E3E7D1 as 100%.

0.0%	0.0% #A0AB5E	RGB 160 171 94	#A0AB5E
16.7%	16.7% #AAB56E	RGB 170 181 110	#AAB56E
33.3%	33.3% #B5BF7F	RGB 181 191 127	#B5BF7F
50.0%	50.0% #C0C992	RGB 192 201 146	#C0C992
66.7%	66.7% #CBD3A5	RGB 203 211 165	#CBD3A5
83.3%	83.3% #D7DDBA	RGB 215 221 186	#D7DDBA
100.0%	100.0% #E3E7D1	RGB 227 231 209	#E3E7D1

#A0AB5E #AAB56E #B5BF7F #C0C992 #CBD3A5 #D7DDBA #E3E7D1

#A0AB5E - #C0C992 - #E3E7D1

CSS codes

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

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