#4A491B - #A8AA3E | 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 #4A491B to #A8AA3E

#4A491B #A8AA3E

Calculate the color between two colors, #4A491B and #A8AA3E. 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)

#4A491B - #A8AA3E | 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 #4A491B as 0% and #A8AA3E as 100%.

0.0%	0.0% #4A491B	RGB 74 73 27	#4A491B
16.7%	16.7% #595920	RGB 89 89 32	#595920
33.3%	33.3% #696926	RGB 105 105 38	#696926
50.0%	50.0% #79792C	RGB 121 121 44	#79792C
66.7%	66.7% #888932	RGB 136 137 50	#888932
83.3%	83.3% #989938	RGB 152 153 56	#989938
100.0%	100.0% #A8AA3E	RGB 168 170 62	#A8AA3E

#4A491B #595920 #696926 #79792C #888932 #989938 #A8AA3E

#4A491B - #A8AA3E

HSV Blend

#4A491B - #A8AA3E | 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 #4A491B as 0% and #A8AA3E as 100%.

0.0%	0.0% #4A491B	RGB 74 73 27	#4A491B
16.7%	16.7% #5A5920	RGB 90 89 32	#5A5920
33.3%	33.3% #6A6926	RGB 106 105 38	#6A6926
50.0%	50.0% #7A792C	RGB 122 121 44	#7A792C
66.7%	66.7% #898A32	RGB 137 138 50	#898A32
83.3%	83.3% #989A38	RGB 152 154 56	#989A38
100.0%	100.0% #A8AA3E	RGB 168 170 62	#A8AA3E

#4A491B #5A5920 #6A6926 #7A792C #898A32 #989A38 #A8AA3E

#4A491B - #7A792C - #A8AA3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A491B 0%, #7A792C 50%, #A8AA3E 100%);
    background: -webkit-linear-gradient(top, #4A491B 0%, #7A792C 50%, #A8AA3E 100%);
    background: linear-gradient(to bottom, #4A491B 0%, #7A792C 50%, #A8AA3E 100%);
}
</style>