#4D2914 - #A96433 | 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 #4D2914 to #A96433

#4D2914 #A96433

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

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

0.0%	0.0% #4D2914	RGB 77 41 20	#4D2914
16.7%	16.7% #5C3219	RGB 92 50 25	#5C3219
33.3%	33.3% #6B3C1E	RGB 107 60 30	#6B3C1E
50.0%	50.0% #7B4623	RGB 123 70 35	#7B4623
66.7%	66.7% #8A5028	RGB 138 80 40	#8A5028
83.3%	83.3% #995A2D	RGB 153 90 45	#995A2D
100.0%	100.0% #A96433	RGB 169 100 51	#A96433

#4D2914 #5C3219 #6B3C1E #7B4623 #8A5028 #995A2D #A96433

#4D2914 - #A96433

HSV Blend

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

0.0%	0.0% #4D2913	RGB 77 41 19	#4D2913
16.7%	16.7% #5C3218	RGB 92 50 24	#5C3218
33.3%	33.3% #6B3B1D	RGB 107 59 29	#6B3B1D
50.0%	50.0% #7B4522	RGB 123 69 34	#7B4522
66.7%	66.7% #8A4F27	RGB 138 79 39	#8A4F27
83.3%	83.3% #99592D	RGB 153 89 45	#99592D
100.0%	100.0% #A96433	RGB 169 100 51	#A96433

#4D2913 #5C3218 #6B3B1D #7B4522 #8A4F27 #99592D #A96433

#4D2914 - #7B4522 - #A96433

CSS codes

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

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