#4CFF4C - #06DE1E | 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 #4CFF4C to #06DE1E

#4CFF4C #06DE1E

Calculate the color between two colors, #4CFF4C and #06DE1E. 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)

#4CFF4C - #06DE1E | 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 #4CFF4C as 0% and #06DE1E as 100%.

0.0%	0.0% #4CFF4C	RGB 76 255 76	#4CFF4C
16.7%	16.7% #40F944	RGB 64 249 68	#40F944
33.3%	33.3% #34F43C	RGB 52 244 60	#34F43C
50.0%	50.0% #29EE35	RGB 41 238 53	#29EE35
66.7%	66.7% #1DE92D	RGB 29 233 45	#1DE92D
83.3%	83.3% #11E325	RGB 17 227 37	#11E325
100.0%	100.0% #06DE1E	RGB 6 222 30	#06DE1E

#4CFF4C #40F944 #34F43C #29EE35 #1DE92D #11E325 #06DE1E

#4CFF4C - #06DE1E

HSV Blend

#4CFF4C - #06DE1E | 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 #4CFF4C as 0% and #06DE1E as 100%.

0.0%	0.0% #4BFF4C	RGB 75 255 76	#4BFF4C
16.7%	16.7% #3FF942	RGB 63 249 66	#3FF942
33.3%	33.3% #32F439	RGB 50 244 57	#32F439
50.0%	50.0% #26EE31	RGB 38 238 49	#26EE31
66.7%	66.7% #1BE92A	RGB 27 233 42	#1BE92A
83.3%	83.3% #10E323	RGB 16 227 35	#10E323
100.0%	100.0% #06DE1E	RGB 6 222 30	#06DE1E

#4BFF4C #3FF942 #32F439 #26EE31 #1BE92A #10E323 #06DE1E

#4CFF4C - #26EE31 - #06DE1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4BFF4C 0%, #26EE31 50%, #06DE1E 100%);
    background: -webkit-linear-gradient(top, #4BFF4C 0%, #26EE31 50%, #06DE1E 100%);
    background: linear-gradient(to bottom, #4BFF4C 0%, #26EE31 50%, #06DE1E 100%);
}
</style>