#3E3C20 - #AA7F43 | 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 #3E3C20 to #AA7F43

#3E3C20 #AA7F43

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

#3E3C20 - #AA7F43 | 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 #3E3C20 as 0% and #AA7F43 as 100%.

0.0%	0.0% #3E3C20	RGB 62 60 32	#3E3C20
16.7%	16.7% #504725	RGB 80 71 37	#504725
33.3%	33.3% #62522B	RGB 98 82 43	#62522B
50.0%	50.0% #745D31	RGB 116 93 49	#745D31
66.7%	66.7% #866837	RGB 134 104 55	#866837
83.3%	83.3% #98733D	RGB 152 115 61	#98733D
100.0%	100.0% #AA7F43	RGB 170 127 67	#AA7F43

#3E3C20 #504725 #62522B #745D31 #866837 #98733D #AA7F43

#3E3C20 - #AA7F43

HSV Blend

#3E3C20 - #AA7F43 | 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 #3E3C20 as 0% and #AA7F43 as 100%.

0.0%	0.0% #3E3C20	RGB 62 60 32	#3E3C20
16.7%	16.7% #504A27	RGB 80 74 39	#504A27
33.3%	33.3% #62582E	RGB 98 88 46	#62582E
50.0%	50.0% #746434	RGB 116 100 52	#746434
66.7%	66.7% #866F3A	RGB 134 111 58	#866F3A
83.3%	83.3% #98783E	RGB 152 120 62	#98783E
100.0%	100.0% #AA7F43	RGB 170 127 67	#AA7F43

#3E3C20 #504A27 #62582E #746434 #866F3A #98783E #AA7F43

#3E3C20 - #746434 - #AA7F43

CSS codes

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

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