#3D3915 - #858A3E | 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 #3D3915 to #858A3E

#3D3915 #858A3E

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

#3D3915 - #858A3E | 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 #3D3915 as 0% and #858A3E as 100%.

0.0%	0.0% #3D3915	RGB 61 57 21	#3D3915
16.7%	16.7% #49461B	RGB 73 70 27	#49461B
33.3%	33.3% #555422	RGB 85 84 34	#555422
50.0%	50.0% #616129	RGB 97 97 41	#616129
66.7%	66.7% #6D6F30	RGB 109 111 48	#6D6F30
83.3%	83.3% #797C37	RGB 121 124 55	#797C37
100.0%	100.0% #858A3E	RGB 133 138 62	#858A3E

#3D3915 #49461B #555422 #616129 #6D6F30 #797C37 #858A3E

#3D3915 - #858A3E

HSV Blend

#3D3915 - #858A3E | 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 #3D3915 as 0% and #858A3E as 100%.

0.0%	0.0% #3D3915	RGB 61 57 21	#3D3915
16.7%	16.7% #49461A	RGB 73 70 26	#49461A
33.3%	33.3% #565420	RGB 86 84 32	#565420
50.0%	50.0% #636227	RGB 99 98 39	#636227
66.7%	66.7% #6F702E	RGB 111 112 46	#6F702E
83.3%	83.3% #7A7D36	RGB 122 125 54	#7A7D36
100.0%	100.0% #858A3E	RGB 133 138 62	#858A3E

#3D3915 #49461A #565420 #636227 #6F702E #7A7D36 #858A3E

#3D3915 - #636227 - #858A3E

CSS codes

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

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