#3E3134 - #AC8C64 | 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 #3E3134 to #AC8C64

#3E3134 #AC8C64

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

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

0.0%	0.0% #3E3134	RGB 62 49 52	#3E3134
16.7%	16.7% #50403C	RGB 80 64 60	#50403C
33.3%	33.3% #624F44	RGB 98 79 68	#624F44
50.0%	50.0% #755E4C	RGB 117 94 76	#755E4C
66.7%	66.7% #876D54	RGB 135 109 84	#876D54
83.3%	83.3% #997C5C	RGB 153 124 92	#997C5C
100.0%	100.0% #AC8C64	RGB 172 140 100	#AC8C64

#3E3134 #50403C #624F44 #755E4C #876D54 #997C5C #AC8C64

#3E3134 - #AC8C64

HSV Blend

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

0.0%	0.0% #3E3134	RGB 62 49 52	#3E3134
16.7%	16.7% #503C3E	RGB 80 60 62	#503C3E
33.3%	33.3% #624747	RGB 98 71 71	#624747
50.0%	50.0% #755650	RGB 117 86 80	#755650
66.7%	66.7% #876558	RGB 135 101 88	#876558
83.3%	83.3% #99775E	RGB 153 119 94	#99775E
100.0%	100.0% #AC8C64	RGB 172 140 100	#AC8C64

#3E3134 #503C3E #624747 #755650 #876558 #99775E #AC8C64

#3E3134 - #755650 - #AC8C64

CSS codes

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

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