#3E391B - #A77B3E | 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 #3E391B to #A77B3E

#3E391B #A77B3E

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

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

0.0%	0.0% #3E391B	RGB 62 57 27	#3E391B
16.7%	16.7% #4F4420	RGB 79 68 32	#4F4420
33.3%	33.3% #614F26	RGB 97 79 38	#614F26
50.0%	50.0% #725A2C	RGB 114 90 44	#725A2C
66.7%	66.7% #846532	RGB 132 101 50	#846532
83.3%	83.3% #957038	RGB 149 112 56	#957038
100.0%	100.0% #A77B3E	RGB 167 123 62	#A77B3E

#3E391B #4F4420 #614F26 #725A2C #846532 #957038 #A77B3E

#3E391B - #A77B3E

HSV Blend

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

0.0%	0.0% #3E391B	RGB 62 57 27	#3E391B
16.7%	16.7% #4F4621	RGB 79 70 33	#4F4621
33.3%	33.3% #615328	RGB 97 83 40	#615328
50.0%	50.0% #725F2E	RGB 114 95 46	#725F2E
66.7%	66.7% #846933	RGB 132 105 51	#846933
83.3%	83.3% #957339	RGB 149 115 57	#957339
100.0%	100.0% #A77B3E	RGB 167 123 62	#A77B3E

#3E391B #4F4621 #615328 #725F2E #846933 #957339 #A77B3E

#3E391B - #725F2E - #A77B3E

CSS codes

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

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