#3E2E15 - #8C7B3F | 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 #3E2E15 to #8C7B3F

#3E2E15 #8C7B3F

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

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

0.0%	0.0% #3E2E15	RGB 62 46 21	#3E2E15
16.7%	16.7% #4B3A1C	RGB 75 58 28	#4B3A1C
33.3%	33.3% #584723	RGB 88 71 35	#584723
50.0%	50.0% #65542A	RGB 101 84 42	#65542A
66.7%	66.7% #726131	RGB 114 97 49	#726131
83.3%	83.3% #7F6E38	RGB 127 110 56	#7F6E38
100.0%	100.0% #8C7B3F	RGB 140 123 63	#8C7B3F

#3E2E15 #4B3A1C #584723 #65542A #726131 #7F6E38 #8C7B3F

#3E2E15 - #8C7B3F

HSV Blend

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

0.0%	0.0% #3E2E15	RGB 62 46 21	#3E2E15
16.7%	16.7% #4B391A	RGB 75 57 26	#4B391A
33.3%	33.3% #584521	RGB 88 69 33	#584521
50.0%	50.0% #655227	RGB 101 82 39	#655227
66.7%	66.7% #725F2F	RGB 114 95 47	#725F2F
83.3%	83.3% #7F6D36	RGB 127 109 54	#7F6D36
100.0%	100.0% #8C7B3F	RGB 140 123 63	#8C7B3F

#3E2E15 #4B391A #584521 #655227 #725F2F #7F6D36 #8C7B3F

#3E2E15 - #655227 - #8C7B3F

CSS codes

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

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