#4D411B - #A69C3E | 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 #4D411B to #A69C3E

#4D411B #A69C3E

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

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

0.0%	0.0% #4D411B	RGB 77 65 27	#4D411B
16.7%	16.7% #5B5020	RGB 91 80 32	#5B5020
33.3%	33.3% #6A5F26	RGB 106 95 38	#6A5F26
50.0%	50.0% #796E2C	RGB 121 110 44	#796E2C
66.7%	66.7% #887D32	RGB 136 125 50	#887D32
83.3%	83.3% #978C38	RGB 151 140 56	#978C38
100.0%	100.0% #A69C3E	RGB 166 156 62	#A69C3E

#4D411B #5B5020 #6A5F26 #796E2C #887D32 #978C38 #A69C3E

#4D411B - #A69C3E

HSV Blend

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

0.0%	0.0% #4D411B	RGB 77 65 27	#4D411B
16.7%	16.7% #5B4F20	RGB 91 79 32	#5B4F20
33.3%	33.3% #6A5D26	RGB 106 93 38	#6A5D26
50.0%	50.0% #796C2B	RGB 121 108 43	#796C2B
66.7%	66.7% #887B31	RGB 136 123 49	#887B31
83.3%	83.3% #978B37	RGB 151 139 55	#978B37
100.0%	100.0% #A69C3E	RGB 166 156 62	#A69C3E

#4D411B #5B4F20 #6A5D26 #796C2B #887B31 #978B37 #A69C3E

#4D411B - #796C2B - #A69C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D411B 0%, #796C2B 50%, #A69C3E 100%);
    background: -webkit-linear-gradient(top, #4D411B 0%, #796C2B 50%, #A69C3E 100%);
    background: linear-gradient(to bottom, #4D411B 0%, #796C2B 50%, #A69C3E 100%);
}
</style>