#3E421B - #9A8A47 | 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 #3E421B to #9A8A47

#3E421B #9A8A47

Calculate the color between two colors, #3E421B and #9A8A47. 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)

#3E421B - #9A8A47 | 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 #3E421B as 0% and #9A8A47 as 100%.

0.0%	0.0% #3E421B	RGB 62 66 27	#3E421B
16.7%	16.7% #4D4E22	RGB 77 78 34	#4D4E22
33.3%	33.3% #5C5A29	RGB 92 90 41	#5C5A29
50.0%	50.0% #6C6631	RGB 108 102 49	#6C6631
66.7%	66.7% #7B7238	RGB 123 114 56	#7B7238
83.3%	83.3% #8A7E3F	RGB 138 126 63	#8A7E3F
100.0%	100.0% #9A8A47	RGB 154 138 71	#9A8A47

#3E421B #4D4E22 #5C5A29 #6C6631 #7B7238 #8A7E3F #9A8A47

#3E421B - #9A8A47

HSV Blend

#3E421B - #9A8A47 | 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 #3E421B as 0% and #9A8A47 as 100%.

0.0%	0.0% #3E421B	RGB 62 66 27	#3E421B
16.7%	16.7% #4E5021	RGB 78 80 33	#4E5021
33.3%	33.3% #5F5F28	RGB 95 95 40	#5F5F28
50.0%	50.0% #6E6B2F	RGB 110 107 47	#6E6B2F
66.7%	66.7% #7C7637	RGB 124 118 55	#7C7637
83.3%	83.3% #8B803F	RGB 139 128 63	#8B803F
100.0%	100.0% #9A8A47	RGB 154 138 71	#9A8A47

#3E421B #4E5021 #5F5F28 #6E6B2F #7C7637 #8B803F #9A8A47

#3E421B - #6E6B2F - #9A8A47

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E421B 0%, #6E6B2F 50%, #9A8A47 100%);
    background: -webkit-linear-gradient(top, #3E421B 0%, #6E6B2F 50%, #9A8A47 100%);
    background: linear-gradient(to bottom, #3E421B 0%, #6E6B2F 50%, #9A8A47 100%);
}
</style>