#3C7E3C - #D3CC65 | 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 #3C7E3C to #D3CC65

#3C7E3C #D3CC65

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

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

0.0%	0.0% #3C7E3C	RGB 60 126 60	#3C7E3C
16.7%	16.7% #558B42	RGB 85 139 66	#558B42
33.3%	33.3% #6E9849	RGB 110 152 73	#6E9849
50.0%	50.0% #87A550	RGB 135 165 80	#87A550
66.7%	66.7% #A0B257	RGB 160 178 87	#A0B257
83.3%	83.3% #B9BF5E	RGB 185 191 94	#B9BF5E
100.0%	100.0% #D3CC65	RGB 211 204 101	#D3CC65

#3C7E3C #558B42 #6E9849 #87A550 #A0B257 #B9BF5E #D3CC65

#3C7E3C - #D3CC65

HSV Blend

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

0.0%	0.0% #3C7E3C	RGB 60 126 60	#3C7E3C
16.7%	16.7% #4F8C42	RGB 79 140 66	#4F8C42
33.3%	33.3% #669A49	RGB 102 154 73	#669A49
50.0%	50.0% #7FA850	RGB 127 168 80	#7FA850
66.7%	66.7% #9AB657	RGB 154 182 87	#9AB657
83.3%	83.3% #B9C45E	RGB 185 196 94	#B9C45E
100.0%	100.0% #D3CC65	RGB 211 204 101	#D3CC65

#3C7E3C #4F8C42 #669A49 #7FA850 #9AB657 #B9C45E #D3CC65

#3C7E3C - #7FA850 - #D3CC65

CSS codes

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

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