#3D5E1C - #AD9F72 | 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 #3D5E1C to #AD9F72

#3D5E1C #AD9F72

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

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

0.0%	0.0% #3D5E1C	RGB 61 94 28	#3D5E1C
16.7%	16.7% #4F682A	RGB 79 104 42	#4F682A
33.3%	33.3% #627338	RGB 98 115 56	#627338
50.0%	50.0% #757E47	RGB 117 126 71	#757E47
66.7%	66.7% #878955	RGB 135 137 85	#878955
83.3%	83.3% #9A9463	RGB 154 148 99	#9A9463
100.0%	100.0% #AD9F72	RGB 173 159 114	#AD9F72

#3D5E1C #4F682A #627338 #757E47 #878955 #9A9463 #AD9F72

#3D5E1C - #AD9F72

HSV Blend

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

0.0%	0.0% #3D5E1C	RGB 61 94 28	#3D5E1C
16.7%	16.7% #516B26	RGB 81 107 38	#516B26
33.3%	33.3% #667832	RGB 102 120 50	#667832
50.0%	50.0% #7C853F	RGB 124 133 63	#7C853F
66.7%	66.7% #92924E	RGB 146 146 78	#92924E
83.3%	83.3% #9F985F	RGB 159 152 95	#9F985F
100.0%	100.0% #AD9F72	RGB 173 159 114	#AD9F72

#3D5E1C #516B26 #667832 #7C853F #92924E #9F985F #AD9F72

#3D5E1C - #7C853F - #AD9F72

CSS codes

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

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