#392A10 - #8B6F35 | 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 #392A10 to #8B6F35

#392A10 #8B6F35

Calculate the color between two colors, #392A10 and #8B6F35. 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)

#392A10 - #8B6F35 | 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 #392A10 as 0% and #8B6F35 as 100%.

0.0%	0.0% #392A10	RGB 57 42 16	#392A10
16.7%	16.7% #463516	RGB 70 53 22	#463516
33.3%	33.3% #54411C	RGB 84 65 28	#54411C
50.0%	50.0% #624C22	RGB 98 76 34	#624C22
66.7%	66.7% #6F5828	RGB 111 88 40	#6F5828
83.3%	83.3% #7D632E	RGB 125 99 46	#7D632E
100.0%	100.0% #8B6F35	RGB 139 111 53	#8B6F35

#392A10 #463516 #54411C #624C22 #6F5828 #7D632E #8B6F35

#392A10 - #8B6F35

HSV Blend

#392A10 - #8B6F35 | 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 #392A10 as 0% and #8B6F35 as 100%.

0.0%	0.0% #392A10	RGB 57 42 16	#392A10
16.7%	16.7% #463415	RGB 70 52 21	#463415
33.3%	33.3% #543F1A	RGB 84 63 26	#543F1A
50.0%	50.0% #624B20	RGB 98 75 32	#624B20
66.7%	66.7% #6F5626	RGB 111 86 38	#6F5626
83.3%	83.3% #7D622D	RGB 125 98 45	#7D622D
100.0%	100.0% #8B6F35	RGB 139 111 53	#8B6F35

#392A10 #463415 #543F1A #624B20 #6F5626 #7D622D #8B6F35

#392A10 - #624B20 - #8B6F35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392A10 0%, #624B20 50%, #8B6F35 100%);
    background: -webkit-linear-gradient(top, #392A10 0%, #624B20 50%, #8B6F35 100%);
    background: linear-gradient(to bottom, #392A10 0%, #624B20 50%, #8B6F35 100%);
}
</style>