#3E4D2D - #A19757 | 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 #3E4D2D to #A19757

#3E4D2D #A19757

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

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

0.0%	0.0% #3E4D2D	RGB 62 77 45	#3E4D2D
16.7%	16.7% #4E5934	RGB 78 89 52	#4E5934
33.3%	33.3% #5F653B	RGB 95 101 59	#5F653B
50.0%	50.0% #6F7242	RGB 111 114 66	#6F7242
66.7%	66.7% #807E49	RGB 128 126 73	#807E49
83.3%	83.3% #908A50	RGB 144 138 80	#908A50
100.0%	100.0% #A19757	RGB 161 151 87	#A19757

#3E4D2D #4E5934 #5F653B #6F7242 #807E49 #908A50 #A19757

#3E4D2D - #A19757

HSV Blend

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

0.0%	0.0% #3E4D2D	RGB 62 77 45	#3E4D2D
16.7%	16.7% #4C5B34	RGB 76 91 52	#4C5B34
33.3%	33.3% #5C693B	RGB 92 105 59	#5C693B
50.0%	50.0% #6E7742	RGB 110 119 66	#6E7742
66.7%	66.7% #818549	RGB 129 133 73	#818549
83.3%	83.3% #939050	RGB 147 144 80	#939050
100.0%	100.0% #A19757	RGB 161 151 87	#A19757

#3E4D2D #4C5B34 #5C693B #6E7742 #818549 #939050 #A19757

#3E4D2D - #6E7742 - #A19757

CSS codes

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

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