#3E4C2D - #A09658 | 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 #3E4C2D to #A09658

#3E4C2D #A09658

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

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

0.0%	0.0% #3E4C2D	RGB 62 76 45	#3E4C2D
16.7%	16.7% #4E5834	RGB 78 88 52	#4E5834
33.3%	33.3% #5E643B	RGB 94 100 59	#5E643B
50.0%	50.0% #6F7142	RGB 111 113 66	#6F7142
66.7%	66.7% #7F7D49	RGB 127 125 73	#7F7D49
83.3%	83.3% #8F8950	RGB 143 137 80	#8F8950
100.0%	100.0% #A09658	RGB 160 150 88	#A09658

#3E4C2D #4E5834 #5E643B #6F7142 #7F7D49 #8F8950 #A09658

#3E4C2D - #A09658

HSV Blend

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

0.0%	0.0% #3E4C2D	RGB 62 76 45	#3E4C2D
16.7%	16.7% #4C5A34	RGB 76 90 52	#4C5A34
33.3%	33.3% #5C683C	RGB 92 104 60	#5C683C
50.0%	50.0% #6E7643	RGB 110 118 67	#6E7643
66.7%	66.7% #80844A	RGB 128 132 74	#80844A
83.3%	83.3% #928F51	RGB 146 143 81	#928F51
100.0%	100.0% #A09658	RGB 160 150 88	#A09658

#3E4C2D #4C5A34 #5C683C #6E7643 #80844A #928F51 #A09658

#3E4C2D - #6E7643 - #A09658

CSS codes

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

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