#3E3C39 - #A96D5E | 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 #3E3C39 to #A96D5E

#3E3C39 #A96D5E

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

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

0.0%	0.0% #3E3C39	RGB 62 60 57	#3E3C39
16.7%	16.7% #4F443F	RGB 79 68 63	#4F443F
33.3%	33.3% #614C45	RGB 97 76 69	#614C45
50.0%	50.0% #73544B	RGB 115 84 75	#73544B
66.7%	66.7% #855C51	RGB 133 92 81	#855C51
83.3%	83.3% #976457	RGB 151 100 87	#976457
100.0%	100.0% #A96D5E	RGB 169 109 94	#A96D5E

#3E3C39 #4F443F #614C45 #73544B #855C51 #976457 #A96D5E

#3E3C39 - #A96D5E

HSV Blend

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

0.0%	0.0% #3E3C39	RGB 62 60 57	#3E3C39
16.7%	16.7% #4F4A44	RGB 79 74 68	#4F4A44
33.3%	33.3% #61574D	RGB 97 87 77	#61574D
50.0%	50.0% #736155	RGB 115 97 85	#736155
66.7%	66.7% #85685A	RGB 133 104 90	#85685A
83.3%	83.3% #976C5D	RGB 151 108 93	#976C5D
100.0%	100.0% #A96D5E	RGB 169 109 94	#A96D5E

#3E3C39 #4F4A44 #61574D #736155 #85685A #976C5D #A96D5E

#3E3C39 - #736155 - #A96D5E

CSS codes

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

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