#A1AB5E - #2E301A | 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 #A1AB5E to #2E301A

#A1AB5E #2E301A

Calculate the color between two colors, #A1AB5E and #2E301A. 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)

#A1AB5E - #2E301A | 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 #A1AB5E as 0% and #2E301A as 100%.

0.0%	0.0% #A1AB5E	RGB 161 171 94	#A1AB5E
16.7%	16.7% #8D9652	RGB 141 150 82	#8D9652
33.3%	33.3% #7A8247	RGB 122 130 71	#7A8247
50.0%	50.0% #676D3C	RGB 103 109 60	#676D3C
66.7%	66.7% #545930	RGB 84 89 48	#545930
83.3%	83.3% #414425	RGB 65 68 37	#414425
100.0%	100.0% #2E301A	RGB 46 48 26	#2E301A

#A1AB5E #8D9652 #7A8247 #676D3C #545930 #414425 #2E301A

#A1AB5E - #2E301A

HSV Blend

#A1AB5E - #2E301A | 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 #A1AB5E as 0% and #2E301A as 100%.

0.0%	0.0% #A1AB5E	RGB 161 171 94	#A1AB5E
16.7%	16.7% #8E9652	RGB 142 150 82	#8E9652
33.3%	33.3% #7B8247	RGB 123 130 71	#7B8247
50.0%	50.0% #686D3B	RGB 104 109 59	#686D3B
66.7%	66.7% #545930	RGB 84 89 48	#545930
83.3%	83.3% #414425	RGB 65 68 37	#414425
100.0%	100.0% #2E301A	RGB 46 48 26	#2E301A

#A1AB5E #8E9652 #7B8247 #686D3B #545930 #414425 #2E301A

#A1AB5E - #686D3B - #2E301A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1AB5E 0%, #686D3B 50%, #2E301A 100%);
    background: -webkit-linear-gradient(top, #A1AB5E 0%, #686D3B 50%, #2E301A 100%);
    background: linear-gradient(to bottom, #A1AB5E 0%, #686D3B 50%, #2E301A 100%);
}
</style>