#3E3C12 - #AA7D32 | 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 #3E3C12 to #AA7D32

#3E3C12 #AA7D32

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

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

0.0%	0.0% #3E3C12	RGB 62 60 18	#3E3C12
16.7%	16.7% #504617	RGB 80 70 23	#504617
33.3%	33.3% #62511C	RGB 98 81 28	#62511C
50.0%	50.0% #745C22	RGB 116 92 34	#745C22
66.7%	66.7% #866727	RGB 134 103 39	#866727
83.3%	83.3% #98722C	RGB 152 114 44	#98722C
100.0%	100.0% #AA7D32	RGB 170 125 50	#AA7D32

#3E3C12 #504617 #62511C #745C22 #866727 #98722C #AA7D32

#3E3C12 - #AA7D32

HSV Blend

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

0.0%	0.0% #3E3C12	RGB 62 60 18	#3E3C12
16.7%	16.7% #504A17	RGB 80 74 23	#504A17
33.3%	33.3% #62571C	RGB 98 87 28	#62571C
50.0%	50.0% #746221	RGB 116 98 33	#746221
66.7%	66.7% #866C27	RGB 134 108 39	#866C27
83.3%	83.3% #98752C	RGB 152 117 44	#98752C
100.0%	100.0% #AA7D32	RGB 170 125 50	#AA7D32

#3E3C12 #504A17 #62571C #746221 #866C27 #98752C #AA7D32

#3E3C12 - #746221 - #AA7D32

CSS codes

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

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