#3C5E43 - #A4A174 | 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 #3C5E43 to #A4A174

#3C5E43 #A4A174

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

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

0.0%	0.0% #3C5E43	RGB 60 94 67	#3C5E43
16.7%	16.7% #4D694B	RGB 77 105 75	#4D694B
33.3%	33.3% #5E7453	RGB 94 116 83	#5E7453
50.0%	50.0% #707F5B	RGB 112 127 91	#707F5B
66.7%	66.7% #818A63	RGB 129 138 99	#818A63
83.3%	83.3% #92956B	RGB 146 149 107	#92956B
100.0%	100.0% #A4A174	RGB 164 161 116	#A4A174

#3C5E43 #4D694B #5E7453 #707F5B #818A63 #92956B #A4A174

#3C5E43 - #A4A174

HSV Blend

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

0.0%	0.0% #3C5E43	RGB 60 94 67	#3C5E43
16.7%	16.7% #446944	RGB 68 105 68	#446944
33.3%	33.3% #56754D	RGB 86 117 77	#56754D
50.0%	50.0% #688156	RGB 104 129 86	#688156
66.7%	66.7% #7C8C60	RGB 124 140 96	#7C8C60
83.3%	83.3% #919869	RGB 145 152 105	#919869
100.0%	100.0% #A4A174	RGB 164 161 116	#A4A174

#3C5E43 #446944 #56754D #688156 #7C8C60 #919869 #A4A174

#3C5E43 - #688156 - #A4A174

CSS codes

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

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