#3E2D36 - #AA876B | 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 #3E2D36 to #AA876B

#3E2D36 #AA876B

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

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

0.0%	0.0% #3E2D36	RGB 62 45 54	#3E2D36
16.7%	16.7% #503C3E	RGB 80 60 62	#503C3E
33.3%	33.3% #624B47	RGB 98 75 71	#624B47
50.0%	50.0% #745A50	RGB 116 90 80	#745A50
66.7%	66.7% #866959	RGB 134 105 89	#866959
83.3%	83.3% #987862	RGB 152 120 98	#987862
100.0%	100.0% #AA876B	RGB 170 135 107	#AA876B

#3E2D36 #503C3E #624B47 #745A50 #866959 #987862 #AA876B

#3E2D36 - #AA876B

HSV Blend

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

0.0%	0.0% #3E2D36	RGB 62 45 54	#3E2D36
16.7%	16.7% #503841	RGB 80 56 65	#503841
33.3%	33.3% #62434A	RGB 98 67 74	#62434A
50.0%	50.0% #744E50	RGB 116 78 80	#744E50
66.7%	66.7% #865E58	RGB 134 94 88	#865E58
83.3%	83.3% #987162	RGB 152 113 98	#987162
100.0%	100.0% #AA876B	RGB 170 135 107	#AA876B

#3E2D36 #503841 #62434A #744E50 #865E58 #987162 #AA876B

#3E2D36 - #744E50 - #AA876B

CSS codes

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

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