#3C2D08 - #8D7229 | 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 #3C2D08 to #8D7229

#3C2D08 #8D7229

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

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

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #49380D	RGB 73 56 13	#49380D
33.3%	33.3% #574413	RGB 87 68 19	#574413
50.0%	50.0% #644F18	RGB 100 79 24	#644F18
66.7%	66.7% #725B1E	RGB 114 91 30	#725B1E
83.3%	83.3% #7F6623	RGB 127 102 35	#7F6623
100.0%	100.0% #8D7229	RGB 141 114 41	#8D7229

#3C2D08 #49380D #574413 #644F18 #725B1E #7F6623 #8D7229

#3C2D08 - #8D7229

HSV Blend

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

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #49370B	RGB 73 55 11	#49370B
33.3%	33.3% #574310	RGB 87 67 16	#574310
50.0%	50.0% #644E15	RGB 100 78 21	#644E15
66.7%	66.7% #725A1B	RGB 114 90 27	#725A1B
83.3%	83.3% #7F6521	RGB 127 101 33	#7F6521
100.0%	100.0% #8D7229	RGB 141 114 41	#8D7229

#3C2D08 #49370B #574310 #644E15 #725A1B #7F6521 #8D7229

#3C2D08 - #644E15 - #8D7229

CSS codes

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

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