#3E3C22 - #AA7F45 | 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 #3E3C22 to #AA7F45

#3E3C22 #AA7F45

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

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

0.0%	0.0% #3E3C22	RGB 62 60 34	#3E3C22
16.7%	16.7% #504727	RGB 80 71 39	#504727
33.3%	33.3% #62522D	RGB 98 82 45	#62522D
50.0%	50.0% #745D33	RGB 116 93 51	#745D33
66.7%	66.7% #866839	RGB 134 104 57	#866839
83.3%	83.3% #98733F	RGB 152 115 63	#98733F
100.0%	100.0% #AA7F45	RGB 170 127 69	#AA7F45

#3E3C22 #504727 #62522D #745D33 #866839 #98733F #AA7F45

#3E3C22 - #AA7F45

HSV Blend

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

0.0%	0.0% #3E3C22	RGB 62 60 34	#3E3C22
16.7%	16.7% #504B29	RGB 80 75 41	#504B29
33.3%	33.3% #625831	RGB 98 88 49	#625831
50.0%	50.0% #746437	RGB 116 100 55	#746437
66.7%	66.7% #866F3C	RGB 134 111 60	#866F3C
83.3%	83.3% #987841	RGB 152 120 65	#987841
100.0%	100.0% #AA7F45	RGB 170 127 69	#AA7F45

#3E3C22 #504B29 #625831 #746437 #866F3C #987841 #AA7F45

#3E3C22 - #746437 - #AA7F45

CSS codes

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

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