#3E541E - #AB9F49 | 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 #3E541E to #AB9F49

#3E541E #AB9F49

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

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

0.0%	0.0% #3E541E	RGB 62 84 30	#3E541E
16.7%	16.7% #506025	RGB 80 96 37	#506025
33.3%	33.3% #626D2C	RGB 98 109 44	#626D2C
50.0%	50.0% #747933	RGB 116 121 51	#747933
66.7%	66.7% #86863A	RGB 134 134 58	#86863A
83.3%	83.3% #989241	RGB 152 146 65	#989241
100.0%	100.0% #AB9F49	RGB 171 159 73	#AB9F49

#3E541E #506025 #626D2C #747933 #86863A #989241 #AB9F49

#3E541E - #AB9F49

HSV Blend

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

0.0%	0.0% #3E541E	RGB 62 84 30	#3E541E
16.7%	16.7% #4E6224	RGB 78 98 36	#4E6224
33.3%	33.3% #60712A	RGB 96 113 42	#60712A
50.0%	50.0% #747F31	RGB 116 127 49	#747F31
66.7%	66.7% #898E39	RGB 137 142 57	#898E39
83.3%	83.3% #9C9940	RGB 156 153 64	#9C9940
100.0%	100.0% #AB9F49	RGB 171 159 73	#AB9F49

#3E541E #4E6224 #60712A #747F31 #898E39 #9C9940 #AB9F49

#3E541E - #747F31 - #AB9F49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E541E 0%, #747F31 50%, #AB9F49 100%);
    background: -webkit-linear-gradient(top, #3E541E 0%, #747F31 50%, #AB9F49 100%);
    background: linear-gradient(to bottom, #3E541E 0%, #747F31 50%, #AB9F49 100%);
}
</style>