#3E7047 - #A8BA6D | 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 #3E7047 to #A8BA6D

#3E7047 #A8BA6D

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

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

0.0%	0.0% #3E7047	RGB 62 112 71	#3E7047
16.7%	16.7% #4F7C4D	RGB 79 124 77	#4F7C4D
33.3%	33.3% #618853	RGB 97 136 83	#618853
50.0%	50.0% #73955A	RGB 115 149 90	#73955A
66.7%	66.7% #84A160	RGB 132 161 96	#84A160
83.3%	83.3% #96AD66	RGB 150 173 102	#96AD66
100.0%	100.0% #A8BA6D	RGB 168 186 109	#A8BA6D

#3E7047 #4F7C4D #618853 #73955A #84A160 #96AD66 #A8BA6D

#3E7047 - #A8BA6D

HSV Blend

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

0.0%	0.0% #3E7047	RGB 62 112 71	#3E7047
16.7%	16.7% #457C46	RGB 69 124 70	#457C46
33.3%	33.3% #55884D	RGB 85 136 77	#55884D
50.0%	50.0% #679554	RGB 103 149 84	#679554
66.7%	66.7% #7BA15C	RGB 123 161 92	#7BA15C
83.3%	83.3% #91AD64	RGB 145 173 100	#91AD64
100.0%	100.0% #A8BA6D	RGB 168 186 109	#A8BA6D

#3E7047 #457C46 #55884D #679554 #7BA15C #91AD64 #A8BA6D

#3E7047 - #679554 - #A8BA6D

CSS codes

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

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