#A3AF5E - #E4E8D1 | 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 #A3AF5E to #E4E8D1

#A3AF5E #E4E8D1

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

#A3AF5E - #E4E8D1 | 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 #A3AF5E as 0% and #E4E8D1 as 100%.

0.0%	0.0% #A3AF5E	RGB 163 175 94	#A3AF5E
16.7%	16.7% #ADB871	RGB 173 184 113	#ADB871
33.3%	33.3% #B8C284	RGB 184 194 132	#B8C284
50.0%	50.0% #C3CB97	RGB 195 203 151	#C3CB97
66.7%	66.7% #CED5AA	RGB 206 213 170	#CED5AA
83.3%	83.3% #D9DEBD	RGB 217 222 189	#D9DEBD
100.0%	100.0% #E4E8D1	RGB 228 232 209	#E4E8D1

#A3AF5E #ADB871 #B8C284 #C3CB97 #CED5AA #D9DEBD #E4E8D1

#A3AF5E - #E4E8D1

HSV Blend

#A3AF5E - #E4E8D1 | 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 #A3AF5E as 0% and #E4E8D1 as 100%.

0.0%	0.0% #A3AF5E	RGB 163 175 94	#A3AF5E
16.7%	16.7% #ADB86E	RGB 173 184 110	#ADB86E
33.3%	33.3% #B7C27F	RGB 183 194 127	#B7C27F
50.0%	50.0% #C2CB92	RGB 194 203 146	#C2CB92
66.7%	66.7% #CDD5A6	RGB 205 213 166	#CDD5A6
83.3%	83.3% #D8DEBA	RGB 216 222 186	#D8DEBA
100.0%	100.0% #E4E8D1	RGB 228 232 209	#E4E8D1

#A3AF5E #ADB86E #B7C27F #C2CB92 #CDD5A6 #D8DEBA #E4E8D1

#A3AF5E - #C2CB92 - #E4E8D1

CSS codes

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

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