#3E3C3B - #AC866A | 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 #3E3C3B to #AC866A

#3E3C3B #AC866A

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

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

0.0%	0.0% #3E3C3B	RGB 62 60 59	#3E3C3B
16.7%	16.7% #504842	RGB 80 72 66	#504842
33.3%	33.3% #62544A	RGB 98 84 74	#62544A
50.0%	50.0% #756152	RGB 117 97 82	#756152
66.7%	66.7% #876D5A	RGB 135 109 90	#876D5A
83.3%	83.3% #997962	RGB 153 121 98	#997962
100.0%	100.0% #AC866A	RGB 172 134 106	#AC866A

#3E3C3B #504842 #62544A #756152 #876D5A #997962 #AC866A

#3E3C3B - #AC866A

HSV Blend

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

0.0%	0.0% #3E3C3B	RGB 62 60 59	#3E3C3B
16.7%	16.7% #504A47	RGB 80 74 71	#504A47
33.3%	33.3% #625852	RGB 98 88 82	#625852
50.0%	50.0% #75655B	RGB 117 101 91	#75655B
66.7%	66.7% #877162	RGB 135 113 98	#877162
83.3%	83.3% #997B67	RGB 153 123 103	#997B67
100.0%	100.0% #AC866A	RGB 172 134 106	#AC866A

#3E3C3B #504A47 #625852 #75655B #877162 #997B67 #AC866A

#3E3C3B - #75655B - #AC866A

CSS codes

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

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