#3C723C - #C4C064 | 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 #3C723C to #C4C064

#3C723C #C4C064

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

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

0.0%	0.0% #3C723C	RGB 60 114 60	#3C723C
16.7%	16.7% #527F42	RGB 82 127 66	#527F42
33.3%	33.3% #698C49	RGB 105 140 73	#698C49
50.0%	50.0% #809950	RGB 128 153 80	#809950
66.7%	66.7% #96A656	RGB 150 166 86	#96A656
83.3%	83.3% #ADB35D	RGB 173 179 93	#ADB35D
100.0%	100.0% #C4C064	RGB 196 192 100	#C4C064

#3C723C #527F42 #698C49 #809950 #96A656 #ADB35D #C4C064

#3C723C - #C4C064

HSV Blend

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

0.0%	0.0% #3C723C	RGB 60 114 60	#3C723C
16.7%	16.7% #4D7F42	RGB 77 127 66	#4D7F42
33.3%	33.3% #618D49	RGB 97 141 73	#618D49
50.0%	50.0% #779B50	RGB 119 155 80	#779B50
66.7%	66.7% #8FA856	RGB 143 168 86	#8FA856
83.3%	83.3% #AAB65D	RGB 170 182 93	#AAB65D
100.0%	100.0% #C4C064	RGB 196 192 100	#C4C064

#3C723C #4D7F42 #618D49 #779B50 #8FA856 #AAB65D #C4C064

#3C723C - #779B50 - #C4C064

CSS codes

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

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