#A0FF7D - #4FEC35 | 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 #A0FF7D to #4FEC35

#A0FF7D #4FEC35

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

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

0.0%	0.0% #A0FF7D	RGB 160 255 125	#A0FF7D
16.7%	16.7% #92FB71	RGB 146 251 113	#92FB71
33.3%	33.3% #85F865	RGB 133 248 101	#85F865
50.0%	50.0% #77F559	RGB 119 245 89	#77F559
66.7%	66.7% #6AF24D	RGB 106 242 77	#6AF24D
83.3%	83.3% #5CEF41	RGB 92 239 65	#5CEF41
100.0%	100.0% #4FEC35	RGB 79 236 53	#4FEC35

#A0FF7D #92FB71 #85F865 #77F559 #6AF24D #5CEF41 #4FEC35

#A0FF7D - #4FEC35

HSV Blend

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

0.0%	0.0% #A0FF7D	RGB 160 255 125	#A0FF7D
16.7%	16.7% #92FB70	RGB 146 251 112	#92FB70
33.3%	33.3% #85F863	RGB 133 248 99	#85F863
50.0%	50.0% #78F557	RGB 120 245 87	#78F557
66.7%	66.7% #6AF24B	RGB 106 242 75	#6AF24B
83.3%	83.3% #5CEF40	RGB 92 239 64	#5CEF40
100.0%	100.0% #4FEC35	RGB 79 236 53	#4FEC35

#A0FF7D #92FB70 #85F863 #78F557 #6AF24B #5CEF40 #4FEC35

#A0FF7D - #78F557 - #4FEC35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0FF7D 0%, #78F557 50%, #4FEC35 100%);
    background: -webkit-linear-gradient(top, #A0FF7D 0%, #78F557 50%, #4FEC35 100%);
    background: linear-gradient(to bottom, #A0FF7D 0%, #78F557 50%, #4FEC35 100%);
}
</style>