#4D4640 - #3E1806 | 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 #4D4640 to #3E1806

#4D4640 #3E1806

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

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

0.0%	0.0% #4D4640	RGB 77 70 64	#4D4640
16.7%	16.7% #4A3E36	RGB 74 62 54	#4A3E36
33.3%	33.3% #48362C	RGB 72 54 44	#48362C
50.0%	50.0% #452F23	RGB 69 47 35	#452F23
66.7%	66.7% #432719	RGB 67 39 25	#432719
83.3%	83.3% #401F0F	RGB 64 31 15	#401F0F
100.0%	100.0% #3E1806	RGB 62 24 6	#3E1806

#4D4640 #4A3E36 #48362C #452F23 #432719 #401F0F #3E1806

#4D4640 - #3E1806

HSV Blend

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

0.0%	0.0% #4D4640	RGB 77 70 64	#4D4640
16.7%	16.7% #4A3E34	RGB 74 62 52	#4A3E34
33.3%	33.3% #48362A	RGB 72 54 42	#48362A
50.0%	50.0% #452E20	RGB 69 46 32	#452E20
66.7%	66.7% #432716	RGB 67 39 22	#432716
83.3%	83.3% #401F0E	RGB 64 31 14	#401F0E
100.0%	100.0% #3E1806	RGB 62 24 6	#3E1806

#4D4640 #4A3E34 #48362A #452E20 #432716 #401F0E #3E1806

#4D4640 - #452E20 - #3E1806

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4640 0%, #452E20 50%, #3E1806 100%);
    background: -webkit-linear-gradient(top, #4D4640 0%, #452E20 50%, #3E1806 100%);
    background: linear-gradient(to bottom, #4D4640 0%, #452E20 50%, #3E1806 100%);
}
</style>