#3C2218 - #8C6742 | 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 #3C2218 to #8C6742

#3C2218 #8C6742

Calculate the color between two colors, #3C2218 and #8C6742. 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)

#3C2218 - #8C6742 | 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 #3C2218 as 0% and #8C6742 as 100%.

0.0%	0.0% #3C2218	RGB 60 34 24	#3C2218
16.7%	16.7% #492D1F	RGB 73 45 31	#492D1F
33.3%	33.3% #563926	RGB 86 57 38	#563926
50.0%	50.0% #64442D	RGB 100 68 45	#64442D
66.7%	66.7% #715034	RGB 113 80 52	#715034
83.3%	83.3% #7E5B3B	RGB 126 91 59	#7E5B3B
100.0%	100.0% #8C6742	RGB 140 103 66	#8C6742

#3C2218 #492D1F #563926 #64442D #715034 #7E5B3B #8C6742

#3C2218 - #8C6742

HSV Blend

#3C2218 - #8C6742 | 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 #3C2218 as 0% and #8C6742 as 100%.

0.0%	0.0% #3C2218	RGB 60 34 24	#3C2218
16.7%	16.7% #492B1E	RGB 73 43 30	#492B1E
33.3%	33.3% #563624	RGB 86 54 36	#563624
50.0%	50.0% #64412B	RGB 100 65 43	#64412B
66.7%	66.7% #714D32	RGB 113 77 50	#714D32
83.3%	83.3% #7E593A	RGB 126 89 58	#7E593A
100.0%	100.0% #8C6742	RGB 140 103 66	#8C6742

#3C2218 #492B1E #563624 #64412B #714D32 #7E593A #8C6742

#3C2218 - #64412B - #8C6742

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2218 0%, #64412B 50%, #8C6742 100%);
    background: -webkit-linear-gradient(top, #3C2218 0%, #64412B 50%, #8C6742 100%);
    background: linear-gradient(to bottom, #3C2218 0%, #64412B 50%, #8C6742 100%);
}
</style>