#3C7E4C - #B6C973 | 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 #3C7E4C to #B6C973

#3C7E4C #B6C973

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

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

0.0%	0.0% #3C7E4C	RGB 60 126 76	#3C7E4C
16.7%	16.7% #508A52	RGB 80 138 82	#508A52
33.3%	33.3% #649759	RGB 100 151 89	#649759
50.0%	50.0% #79A35F	RGB 121 163 95	#79A35F
66.7%	66.7% #8DB066	RGB 141 176 102	#8DB066
83.3%	83.3% #A1BC6C	RGB 161 188 108	#A1BC6C
100.0%	100.0% #B6C973	RGB 182 201 115	#B6C973

#3C7E4C #508A52 #649759 #79A35F #8DB066 #A1BC6C #B6C973

#3C7E4C - #B6C973

HSV Blend

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

0.0%	0.0% #3C7E4C	RGB 60 126 76	#3C7E4C
16.7%	16.7% #448A49	RGB 68 138 73	#448A49
33.3%	33.3% #54974C	RGB 84 151 76	#54974C
50.0%	50.0% #6AA355	RGB 106 163 85	#6AA355
66.7%	66.7% #82B05F	RGB 130 176 95	#82B05F
83.3%	83.3% #9BBC68	RGB 155 188 104	#9BBC68
100.0%	100.0% #B6C973	RGB 182 201 115	#B6C973

#3C7E4C #448A49 #54974C #6AA355 #82B05F #9BBC68 #B6C973

#3C7E4C - #6AA355 - #B6C973

CSS codes

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

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