#A1AB5E - #61741A | 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 #61741A

#A1AB5E #61741A

Calculate the color between two colors, #A1AB5E and #61741A. 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 - #61741A | 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 #61741A as 100%.

0.0%	0.0% #A1AB5E	RGB 161 171 94	#A1AB5E
16.7%	16.7% #96A152	RGB 150 161 82	#96A152
33.3%	33.3% #8B9847	RGB 139 152 71	#8B9847
50.0%	50.0% #818F3C	RGB 129 143 60	#818F3C
66.7%	66.7% #768630	RGB 118 134 48	#768630
83.3%	83.3% #6B7D25	RGB 107 125 37	#6B7D25
100.0%	100.0% #61741A	RGB 97 116 26	#61741A

#A1AB5E #96A152 #8B9847 #818F3C #768630 #6B7D25 #61741A

#A1AB5E - #61741A

HSV Blend

#A1AB5E - #61741A | 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 #61741A as 100%.

0.0%	0.0% #A1AB5E	RGB 161 171 94	#A1AB5E
16.7%	16.7% #96A150	RGB 150 161 80	#96A150
33.3%	33.3% #8B9843	RGB 139 152 67	#8B9843
50.0%	50.0% #808F37	RGB 128 143 55	#808F37
66.7%	66.7% #75862C	RGB 117 134 44	#75862C
83.3%	83.3% #6B7D22	RGB 107 125 34	#6B7D22
100.0%	100.0% #61741A	RGB 97 116 26	#61741A

#A1AB5E #96A150 #8B9843 #808F37 #75862C #6B7D22 #61741A

#A1AB5E - #808F37 - #61741A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1AB5E 0%, #808F37 50%, #61741A 100%);
    background: -webkit-linear-gradient(top, #A1AB5E 0%, #808F37 50%, #61741A 100%);
    background: linear-gradient(to bottom, #A1AB5E 0%, #808F37 50%, #61741A 100%);
}
</style>