#4D321B - #A67D3E | 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 #4D321B to #A67D3E

#4D321B #A67D3E

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

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

0.0%	0.0% #4D321B	RGB 77 50 27	#4D321B
16.7%	16.7% #5B3E20	RGB 91 62 32	#5B3E20
33.3%	33.3% #6A4B26	RGB 106 75 38	#6A4B26
50.0%	50.0% #79572C	RGB 121 87 44	#79572C
66.7%	66.7% #886432	RGB 136 100 50	#886432
83.3%	83.3% #977038	RGB 151 112 56	#977038
100.0%	100.0% #A67D3E	RGB 166 125 62	#A67D3E

#4D321B #5B3E20 #6A4B26 #79572C #886432 #977038 #A67D3E

#4D321B - #A67D3E

HSV Blend

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

0.0%	0.0% #4D321B	RGB 77 50 27	#4D321B
16.7%	16.7% #5B3D20	RGB 91 61 32	#5B3D20
33.3%	33.3% #6A4926	RGB 106 73 38	#6A4926
50.0%	50.0% #79552B	RGB 121 85 43	#79552B
66.7%	66.7% #886231	RGB 136 98 49	#886231
83.3%	83.3% #976F37	RGB 151 111 55	#976F37
100.0%	100.0% #A67D3E	RGB 166 125 62	#A67D3E

#4D321B #5B3D20 #6A4926 #79552B #886231 #976F37 #A67D3E

#4D321B - #79552B - #A67D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D321B 0%, #79552B 50%, #A67D3E 100%);
    background: -webkit-linear-gradient(top, #4D321B 0%, #79552B 50%, #A67D3E 100%);
    background: linear-gradient(to bottom, #4D321B 0%, #79552B 50%, #A67D3E 100%);
}
</style>