#3E3C39 - #AA8464 | 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 #3E3C39 to #AA8464

#3E3C39 #AA8464

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

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

0.0%	0.0% #3E3C39	RGB 62 60 57	#3E3C39
16.7%	16.7% #504840	RGB 80 72 64	#504840
33.3%	33.3% #625447	RGB 98 84 71	#625447
50.0%	50.0% #74604E	RGB 116 96 78	#74604E
66.7%	66.7% #866C55	RGB 134 108 85	#866C55
83.3%	83.3% #98785C	RGB 152 120 92	#98785C
100.0%	100.0% #AA8464	RGB 170 132 100	#AA8464

#3E3C39 #504840 #625447 #74604E #866C55 #98785C #AA8464

#3E3C39 - #AA8464

HSV Blend

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

0.0%	0.0% #3E3C39	RGB 62 60 57	#3E3C39
16.7%	16.7% #504B45	RGB 80 75 69	#504B45
33.3%	33.3% #62594F	RGB 98 89 79	#62594F
50.0%	50.0% #746657	RGB 116 102 87	#746657
66.7%	66.7% #86715D	RGB 134 113 93	#86715D
83.3%	83.3% #987B61	RGB 152 123 97	#987B61
100.0%	100.0% #AA8464	RGB 170 132 100	#AA8464

#3E3C39 #504B45 #62594F #746657 #86715D #987B61 #AA8464

#3E3C39 - #746657 - #AA8464

CSS codes

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

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