#3C2F14 - #8B8F3E | 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 #3C2F14 to #8B8F3E

#3C2F14 #8B8F3E

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

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

0.0%	0.0% #3C2F14	RGB 60 47 20	#3C2F14
16.7%	16.7% #493F1B	RGB 73 63 27	#493F1B
33.3%	33.3% #564F22	RGB 86 79 34	#564F22
50.0%	50.0% #635F29	RGB 99 95 41	#635F29
66.7%	66.7% #706F30	RGB 112 111 48	#706F30
83.3%	83.3% #7D7F37	RGB 125 127 55	#7D7F37
100.0%	100.0% #8B8F3E	RGB 139 143 62	#8B8F3E

#3C2F14 #493F1B #564F22 #635F29 #706F30 #7D7F37 #8B8F3E

#3C2F14 - #8B8F3E

HSV Blend

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

0.0%	0.0% #3C2F14	RGB 60 47 20	#3C2F14
16.7%	16.7% #493D19	RGB 73 61 25	#493D19
33.3%	33.3% #574C20	RGB 87 76 32	#574C20
50.0%	50.0% #655C26	RGB 101 92 38	#655C26
66.7%	66.7% #736E2E	RGB 115 110 46	#736E2E
83.3%	83.3% #818035	RGB 129 128 53	#818035
100.0%	100.0% #8B8F3E	RGB 139 143 62	#8B8F3E

#3C2F14 #493D19 #574C20 #655C26 #736E2E #818035 #8B8F3E

#3C2F14 - #655C26 - #8B8F3E

CSS codes

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

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