#3C3E00 - #8D7037 | 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 #3C3E00 to #8D7037

#3C3E00 #8D7037

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

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

0.0%	0.0% #3C3E00	RGB 60 62 0	#3C3E00
16.7%	16.7% #494609	RGB 73 70 9	#494609
33.3%	33.3% #574E12	RGB 87 78 18	#574E12
50.0%	50.0% #64571B	RGB 100 87 27	#64571B
66.7%	66.7% #725F24	RGB 114 95 36	#725F24
83.3%	83.3% #7F672D	RGB 127 103 45	#7F672D
100.0%	100.0% #8D7037	RGB 141 112 55	#8D7037

#3C3E00 #494609 #574E12 #64571B #725F24 #7F672D #8D7037

#3C3E00 - #8D7037

HSV Blend

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

0.0%	0.0% #3C3E00	RGB 60 62 0	#3C3E00
16.7%	16.7% #4B4904	RGB 75 73 4	#4B4904
33.3%	33.3% #58510B	RGB 88 81 11	#58510B
50.0%	50.0% #655913	RGB 101 89 19	#655913
66.7%	66.7% #72601D	RGB 114 96 29	#72601D
83.3%	83.3% #7F6829	RGB 127 104 41	#7F6829
100.0%	100.0% #8D7037	RGB 141 112 55	#8D7037

#3C3E00 #4B4904 #58510B #655913 #72601D #7F6829 #8D7037

#3C3E00 - #655913 - #8D7037

CSS codes

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

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