#4D3614 - #352804 | 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 #4D3614 to #352804

#4D3614 #352804

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

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

0.0%	0.0% #4D3614	RGB 77 54 20	#4D3614
16.7%	16.7% #493311	RGB 73 51 17	#493311
33.3%	33.3% #45310E	RGB 69 49 14	#45310E
50.0%	50.0% #412F0C	RGB 65 47 12	#412F0C
66.7%	66.7% #3D2C09	RGB 61 44 9	#3D2C09
83.3%	83.3% #392A06	RGB 57 42 6	#392A06
100.0%	100.0% #352804	RGB 53 40 4	#352804

#4D3614 #493311 #45310E #412F0C #3D2C09 #392A06 #352804

#4D3614 - #352804

HSV Blend

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

0.0%	0.0% #4D3613	RGB 77 54 19	#4D3613
16.7%	16.7% #493310	RGB 73 51 16	#493310
33.3%	33.3% #45310D	RGB 69 49 13	#45310D
50.0%	50.0% #412E0A	RGB 65 46 10	#412E0A
66.7%	66.7% #3D2C08	RGB 61 44 8	#3D2C08
83.3%	83.3% #392A06	RGB 57 42 6	#392A06
100.0%	100.0% #352804	RGB 53 40 4	#352804

#4D3613 #493310 #45310D #412E0A #3D2C08 #392A06 #352804

#4D3614 - #412E0A - #352804

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3613 0%, #412E0A 50%, #352804 100%);
    background: -webkit-linear-gradient(top, #4D3613 0%, #412E0A 50%, #352804 100%);
    background: linear-gradient(to bottom, #4D3613 0%, #412E0A 50%, #352804 100%);
}
</style>