#3E5E3C - #A6A06D | 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 #3E5E3C to #A6A06D

#3E5E3C #A6A06D

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

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

0.0%	0.0% #3E5E3C	RGB 62 94 60	#3E5E3C
16.7%	16.7% #4F6944	RGB 79 105 68	#4F6944
33.3%	33.3% #60744C	RGB 96 116 76	#60744C
50.0%	50.0% #727F54	RGB 114 127 84	#727F54
66.7%	66.7% #838A5C	RGB 131 138 92	#838A5C
83.3%	83.3% #949564	RGB 148 149 100	#949564
100.0%	100.0% #A6A06D	RGB 166 160 109	#A6A06D

#3E5E3C #4F6944 #60744C #727F54 #838A5C #949564 #A6A06D

#3E5E3C - #A6A06D

HSV Blend

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

0.0%	0.0% #3E5E3C	RGB 62 94 60	#3E5E3C
16.7%	16.7% #4C6A43	RGB 76 106 67	#4C6A43
33.3%	33.3% #5D764C	RGB 93 118 76	#5D764C
50.0%	50.0% #6E8254	RGB 110 130 84	#6E8254
66.7%	66.7% #818E5C	RGB 129 142 92	#818E5C
83.3%	83.3% #969A64	RGB 150 154 100	#969A64
100.0%	100.0% #A6A06D	RGB 166 160 109	#A6A06D

#3E5E3C #4C6A43 #5D764C #6E8254 #818E5C #969A64 #A6A06D

#3E5E3C - #6E8254 - #A6A06D

CSS codes

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

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