#A0FF7E - #4EED36 | 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 #A0FF7E to #4EED36

#A0FF7E #4EED36

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

#A0FF7E - #4EED36 | 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 #A0FF7E as 0% and #4EED36 as 100%.

0.0%	0.0% #A0FF7E	RGB 160 255 126	#A0FF7E
16.7%	16.7% #92FC72	RGB 146 252 114	#92FC72
33.3%	33.3% #84F966	RGB 132 249 102	#84F966
50.0%	50.0% #77F65A	RGB 119 246 90	#77F65A
66.7%	66.7% #69F34E	RGB 105 243 78	#69F34E
83.3%	83.3% #5BF042	RGB 91 240 66	#5BF042
100.0%	100.0% #4EED36	RGB 78 237 54	#4EED36

#A0FF7E #92FC72 #84F966 #77F65A #69F34E #5BF042 #4EED36

#A0FF7E - #4EED36

HSV Blend

#A0FF7E - #4EED36 | 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 #A0FF7E as 0% and #4EED36 as 100%.

0.0%	0.0% #A0FF7E	RGB 160 255 126	#A0FF7E
16.7%	16.7% #92FC71	RGB 146 252 113	#92FC71
33.3%	33.3% #85F964	RGB 133 249 100	#85F964
50.0%	50.0% #77F658	RGB 119 246 88	#77F658
66.7%	66.7% #6AF34C	RGB 106 243 76	#6AF34C
83.3%	83.3% #5CF041	RGB 92 240 65	#5CF041
100.0%	100.0% #4EED36	RGB 78 237 54	#4EED36

#A0FF7E #92FC71 #85F964 #77F658 #6AF34C #5CF041 #4EED36

#A0FF7E - #77F658 - #4EED36

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0FF7E 0%, #77F658 50%, #4EED36 100%);
    background: -webkit-linear-gradient(top, #A0FF7E 0%, #77F658 50%, #4EED36 100%);
    background: linear-gradient(to bottom, #A0FF7E 0%, #77F658 50%, #4EED36 100%);
}
</style>