#3CDF3D - #C7F5C7 | 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 #3CDF3D to #C7F5C7

#3CDF3D #C7F5C7

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

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

0.0%	0.0% #3CDF3D	RGB 60 223 61	#3CDF3D
16.7%	16.7% #53E254	RGB 83 226 84	#53E254
33.3%	33.3% #6AE66B	RGB 106 230 107	#6AE66B
50.0%	50.0% #81EA82	RGB 129 234 130	#81EA82
66.7%	66.7% #98ED99	RGB 152 237 153	#98ED99
83.3%	83.3% #AFF1B0	RGB 175 241 176	#AFF1B0
100.0%	100.0% #C7F5C7	RGB 199 245 199	#C7F5C7

#3CDF3D #53E254 #6AE66B #81EA82 #98ED99 #AFF1B0 #C7F5C7

#3CDF3D - #C7F5C7

HSV Blend

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

0.0%	0.0% #3CDF3D	RGB 60 223 61	#3CDF3D
16.7%	16.7% #51E252	RGB 81 226 82	#51E252
33.3%	33.3% #67E668	RGB 103 230 104	#67E668
50.0%	50.0% #7EEA7E	RGB 126 234 126	#7EEA7E
66.7%	66.7% #96ED96	RGB 150 237 150	#96ED96
83.3%	83.3% #AEF1AE	RGB 174 241 174	#AEF1AE
100.0%	100.0% #C7F5C7	RGB 199 245 199	#C7F5C7

#3CDF3D #51E252 #67E668 #7EEA7E #96ED96 #AEF1AE #C7F5C7

#3CDF3D - #7EEA7E - #C7F5C7

CSS codes

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

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