#6FDF3C - #4FFF54 | 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 #6FDF3C to #4FFF54

#6FDF3C #4FFF54

Calculate the color between two colors, #6FDF3C and #4FFF54. 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)

#6FDF3C - #4FFF54 | 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 #6FDF3C as 0% and #4FFF54 as 100%.

0.0%	0.0% #6FDF3C	RGB 111 223 60	#6FDF3C
16.7%	16.7% #69E440	RGB 105 228 64	#69E440
33.3%	33.3% #64E944	RGB 100 233 68	#64E944
50.0%	50.0% #5FEF48	RGB 95 239 72	#5FEF48
66.7%	66.7% #59F44C	RGB 89 244 76	#59F44C
83.3%	83.3% #54F950	RGB 84 249 80	#54F950
100.0%	100.0% #4FFF54	RGB 79 255 84	#4FFF54

#6FDF3C #69E440 #64E944 #5FEF48 #59F44C #54F950 #4FFF54

#6FDF3C - #4FFF54

HSV Blend

#6FDF3C - #4FFF54 | 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 #6FDF3C as 0% and #4FFF54 as 100%.

0.0%	0.0% #6FDF3C	RGB 111 223 60	#6FDF3C
16.7%	16.7% #69E43E	RGB 105 228 62	#69E43E
33.3%	33.3% #63E942	RGB 99 233 66	#63E942
50.0%	50.0% #5DEF45	RGB 93 239 69	#5DEF45
66.7%	66.7% #57F448	RGB 87 244 72	#57F448
83.3%	83.3% #50F94B	RGB 80 249 75	#50F94B
100.0%	100.0% #4FFF54	RGB 79 255 84	#4FFF54

#6FDF3C #69E43E #63E942 #5DEF45 #57F448 #50F94B #4FFF54

#6FDF3C - #5DEF45 - #4FFF54

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6FDF3C 0%, #5DEF45 50%, #4FFF54 100%);
    background: -webkit-linear-gradient(top, #6FDF3C 0%, #5DEF45 50%, #4FFF54 100%);
    background: linear-gradient(to bottom, #6FDF3C 0%, #5DEF45 50%, #4FFF54 100%);
}
</style>