#3E3721 - #A67946 | 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 #3E3721 to #A67946

#3E3721 #A67946

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

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

0.0%	0.0% #3E3721	RGB 62 55 33	#3E3721
16.7%	16.7% #4F4227	RGB 79 66 39	#4F4227
33.3%	33.3% #604D2D	RGB 96 77 45	#604D2D
50.0%	50.0% #725833	RGB 114 88 51	#725833
66.7%	66.7% #836339	RGB 131 99 57	#836339
83.3%	83.3% #946E3F	RGB 148 110 63	#946E3F
100.0%	100.0% #A67946	RGB 166 121 70	#A67946

#3E3721 #4F4227 #604D2D #725833 #836339 #946E3F #A67946

#3E3721 - #A67946

HSV Blend

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

0.0%	0.0% #3E3721	RGB 62 55 33	#3E3721
16.7%	16.7% #4F4428	RGB 79 68 40	#4F4428
33.3%	33.3% #60512F	RGB 96 81 47	#60512F
50.0%	50.0% #725C36	RGB 114 92 54	#725C36
66.7%	66.7% #83673C	RGB 131 103 60	#83673C
83.3%	83.3% #947041	RGB 148 112 65	#947041
100.0%	100.0% #A67946	RGB 166 121 70	#A67946

#3E3721 #4F4428 #60512F #725C36 #83673C #947041 #A67946

#3E3721 - #725C36 - #A67946

CSS codes

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

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