#3E3E2D - #AA8251 | 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 #3E3E2D to #AA8251

#3E3E2D #AA8251

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

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

0.0%	0.0% #3E3E2D	RGB 62 62 45	#3E3E2D
16.7%	16.7% #504933	RGB 80 73 51	#504933
33.3%	33.3% #625439	RGB 98 84 57	#625439
50.0%	50.0% #74603F	RGB 116 96 63	#74603F
66.7%	66.7% #866B45	RGB 134 107 69	#866B45
83.3%	83.3% #98764B	RGB 152 118 75	#98764B
100.0%	100.0% #AA8251	RGB 170 130 81	#AA8251

#3E3E2D #504933 #625439 #74603F #866B45 #98764B #AA8251

#3E3E2D - #AA8251

HSV Blend

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

0.0%	0.0% #3E3E2D	RGB 62 62 45	#3E3E2D
16.7%	16.7% #504E36	RGB 80 78 54	#504E36
33.3%	33.3% #625C3E	RGB 98 92 62	#625C3E
50.0%	50.0% #746945	RGB 116 105 69	#746945
66.7%	66.7% #86744A	RGB 134 116 74	#86744A
83.3%	83.3% #987C4E	RGB 152 124 78	#987C4E
100.0%	100.0% #AA8251	RGB 170 130 81	#AA8251

#3E3E2D #504E36 #625C3E #746945 #86744A #987C4E #AA8251

#3E3E2D - #746945 - #AA8251

CSS codes

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

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