#3E4D25 - #A39750 | 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 #3E4D25 to #A39750

#3E4D25 #A39750

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

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

0.0%	0.0% #3E4D25	RGB 62 77 37	#3E4D25
16.7%	16.7% #4E592C	RGB 78 89 44	#4E592C
33.3%	33.3% #5F6533	RGB 95 101 51	#5F6533
50.0%	50.0% #70723A	RGB 112 114 58	#70723A
66.7%	66.7% #817E41	RGB 129 126 65	#817E41
83.3%	83.3% #928A48	RGB 146 138 72	#928A48
100.0%	100.0% #A39750	RGB 163 151 80	#A39750

#3E4D25 #4E592C #5F6533 #70723A #817E41 #928A48 #A39750

#3E4D25 - #A39750

HSV Blend

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

0.0%	0.0% #3E4D25	RGB 62 77 37	#3E4D25
16.7%	16.7% #4D5B2C	RGB 77 91 44	#4D5B2C
33.3%	33.3% #5E6933	RGB 94 105 51	#5E6933
50.0%	50.0% #70783A	RGB 112 120 58	#70783A
66.7%	66.7% #848641	RGB 132 134 65	#848641
83.3%	83.3% #949048	RGB 148 144 72	#949048
100.0%	100.0% #A39750	RGB 163 151 80	#A39750

#3E4D25 #4D5B2C #5E6933 #70783A #848641 #949048 #A39750

#3E4D25 - #70783A - #A39750

CSS codes

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

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