#3C5A30 - #ACA659 | 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 #3C5A30 to #ACA659

#3C5A30 #ACA659

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

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

0.0%	0.0% #3C5A30	RGB 60 90 48	#3C5A30
16.7%	16.7% #4E6636	RGB 78 102 54	#4E6636
33.3%	33.3% #61733D	RGB 97 115 61	#61733D
50.0%	50.0% #748044	RGB 116 128 68	#748044
66.7%	66.7% #868C4B	RGB 134 140 75	#868C4B
83.3%	83.3% #999952	RGB 153 153 82	#999952
100.0%	100.0% #ACA659	RGB 172 166 89	#ACA659

#3C5A30 #4E6636 #61733D #748044 #868C4B #999952 #ACA659

#3C5A30 - #ACA659

HSV Blend

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

0.0%	0.0% #3C5A30	RGB 60 90 48	#3C5A30
16.7%	16.7% #4B6737	RGB 75 103 55	#4B6737
33.3%	33.3% #5C753D	RGB 92 117 61	#5C753D
50.0%	50.0% #6F8344	RGB 111 131 68	#6F8344
66.7%	66.7% #83904B	RGB 131 144 75	#83904B
83.3%	83.3% #999E52	RGB 153 158 82	#999E52
100.0%	100.0% #ACA659	RGB 172 166 89	#ACA659

#3C5A30 #4B6737 #5C753D #6F8344 #83904B #999E52 #ACA659

#3C5A30 - #6F8344 - #ACA659

CSS codes

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

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