#3CDA00 - #103E00 | 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 #3CDA00 to #103E00

#3CDA00 #103E00

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

#3CDA00 - #103E00 | 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 #3CDA00 as 0% and #103E00 as 100%.

0.0%	0.0% #3CDA00	RGB 60 218 0	#3CDA00
16.7%	16.7% #34C000	RGB 52 192 0	#34C000
33.3%	33.3% #2DA600	RGB 45 166 0	#2DA600
50.0%	50.0% #268C00	RGB 38 140 0	#268C00
66.7%	66.7% #1E7200	RGB 30 114 0	#1E7200
83.3%	83.3% #175800	RGB 23 88 0	#175800
100.0%	100.0% #103E00	RGB 16 62 0	#103E00

#3CDA00 #34C000 #2DA600 #268C00 #1E7200 #175800 #103E00

#3CDA00 - #103E00

HSV Blend

#3CDA00 - #103E00 | 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 #3CDA00 as 0% and #103E00 as 100%.

0.0%	0.0% #3BDA00	RGB 59 218 0	#3BDA00
16.7%	16.7% #34C000	RGB 52 192 0	#34C000
33.3%	33.3% #2CA600	RGB 44 166 0	#2CA600
50.0%	50.0% #258C00	RGB 37 140 0	#258C00
66.7%	66.7% #1E7200	RGB 30 114 0	#1E7200
83.3%	83.3% #165800	RGB 22 88 0	#165800
100.0%	100.0% #103E00	RGB 16 62 0	#103E00

#3BDA00 #34C000 #2CA600 #258C00 #1E7200 #165800 #103E00

#3CDA00 - #258C00 - #103E00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BDA00 0%, #258C00 50%, #103E00 100%);
    background: -webkit-linear-gradient(top, #3BDA00 0%, #258C00 50%, #103E00 100%);
    background: linear-gradient(to bottom, #3BDA00 0%, #258C00 50%, #103E00 100%);
}
</style>