#4D3C26 - #3A1E03 | 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 #4D3C26 to #3A1E03

#4D3C26 #3A1E03

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

#4D3C26 - #3A1E03 | 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 #4D3C26 as 0% and #3A1E03 as 100%.

0.0%	0.0% #4D3C26	RGB 77 60 38	#4D3C26
16.7%	16.7% #493720	RGB 73 55 32	#493720
33.3%	33.3% #46321A	RGB 70 50 26	#46321A
50.0%	50.0% #432D14	RGB 67 45 20	#432D14
66.7%	66.7% #40280E	RGB 64 40 14	#40280E
83.3%	83.3% #3D2308	RGB 61 35 8	#3D2308
100.0%	100.0% #3A1E03	RGB 58 30 3	#3A1E03

#4D3C26 #493720 #46321A #432D14 #40280E #3D2308 #3A1E03

#4D3C26 - #3A1E03

HSV Blend

#4D3C26 - #3A1E03 | 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 #4D3C26 as 0% and #3A1E03 as 100%.

0.0%	0.0% #4D3C26	RGB 77 60 38	#4D3C26
16.7%	16.7% #49361F	RGB 73 54 31	#49361F
33.3%	33.3% #463118	RGB 70 49 24	#463118
50.0%	50.0% #432C12	RGB 67 44 18	#432C12
66.7%	66.7% #40270C	RGB 64 39 12	#40270C
83.3%	83.3% #3D2207	RGB 61 34 7	#3D2207
100.0%	100.0% #3A1E03	RGB 58 30 3	#3A1E03

#4D3C26 #49361F #463118 #432C12 #40270C #3D2207 #3A1E03

#4D3C26 - #432C12 - #3A1E03

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3C26 0%, #432C12 50%, #3A1E03 100%);
    background: -webkit-linear-gradient(top, #4D3C26 0%, #432C12 50%, #3A1E03 100%);
    background: linear-gradient(to bottom, #4D3C26 0%, #432C12 50%, #3A1E03 100%);
}
</style>