#A2FF8D - #4EF042 | 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 #A2FF8D to #4EF042

#A2FF8D #4EF042

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

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

0.0%	0.0% #A2FF8D	RGB 162 255 141	#A2FF8D
16.7%	16.7% #94FC80	RGB 148 252 128	#94FC80
33.3%	33.3% #86FA74	RGB 134 250 116	#86FA74
50.0%	50.0% #78F767	RGB 120 247 103	#78F767
66.7%	66.7% #6AF55B	RGB 106 245 91	#6AF55B
83.3%	83.3% #5CF24E	RGB 92 242 78	#5CF24E
100.0%	100.0% #4EF042	RGB 78 240 66	#4EF042

#A2FF8D #94FC80 #86FA74 #78F767 #6AF55B #5CF24E #4EF042

#A2FF8D - #4EF042

HSV Blend

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

0.0%	0.0% #A2FF8D	RGB 162 255 141	#A2FF8D
16.7%	16.7% #94FC7F	RGB 148 252 127	#94FC7F
33.3%	33.3% #86FA73	RGB 134 250 115	#86FA73
50.0%	50.0% #78F766	RGB 120 247 102	#78F766
66.7%	66.7% #6AF55A	RGB 106 245 90	#6AF55A
83.3%	83.3% #5CF24D	RGB 92 242 77	#5CF24D
100.0%	100.0% #4EF042	RGB 78 240 66	#4EF042

#A2FF8D #94FC7F #86FA73 #78F766 #6AF55A #5CF24D #4EF042

#A2FF8D - #78F766 - #4EF042

CSS codes

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

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