#3C7E3C - #C7DAC7 | 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 #C7DAC7

#3C7E3C #C7DAC7

Calculate the color between two colors, #3C7E3C and #C7DAC7. 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 - #C7DAC7 | 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 #C7DAC7 as 100%.

0.0%	0.0% #3C7E3C	RGB 60 126 60	#3C7E3C
16.7%	16.7% #538D53	RGB 83 141 83	#538D53
33.3%	33.3% #6A9C6A	RGB 106 156 106	#6A9C6A
50.0%	50.0% #81AC81	RGB 129 172 129	#81AC81
66.7%	66.7% #98BB98	RGB 152 187 152	#98BB98
83.3%	83.3% #AFCAAF	RGB 175 202 175	#AFCAAF
100.0%	100.0% #C7DAC7	RGB 199 218 199	#C7DAC7

#3C7E3C #538D53 #6A9C6A #81AC81 #98BB98 #AFCAAF #C7DAC7

#3C7E3C - #C7DAC7

HSV Blend

#3C7E3C - #C7DAC7 | 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 #C7DAC7 as 100%.

0.0%	0.0% #3C7E3C	RGB 60 126 60	#3C7E3C
16.7%	16.7% #4D8D4D	RGB 77 141 77	#4D8D4D
33.3%	33.3% #619C61	RGB 97 156 97	#619C61
50.0%	50.0% #77AC77	RGB 119 172 119	#77AC77
66.7%	66.7% #8FBB8F	RGB 143 187 143	#8FBB8F
83.3%	83.3% #AACAAA	RGB 170 202 170	#AACAAA
100.0%	100.0% #C7DAC7	RGB 199 218 199	#C7DAC7

#3C7E3C #4D8D4D #619C61 #77AC77 #8FBB8F #AACAAA #C7DAC7

#3C7E3C - #77AC77 - #C7DAC7

CSS codes

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

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