#A2FF9F - #49F452 | 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 #A2FF9F to #49F452

#A2FF9F #49F452

Calculate the color between two colors, #A2FF9F and #49F452. 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)

#A2FF9F - #49F452 | 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 #A2FF9F as 0% and #49F452 as 100%.

0.0%	0.0% #A2FF9F	RGB 162 255 159	#A2FF9F
16.7%	16.7% #93FD92	RGB 147 253 146	#93FD92
33.3%	33.3% #84FB85	RGB 132 251 133	#84FB85
50.0%	50.0% #75F978	RGB 117 249 120	#75F978
66.7%	66.7% #66F76B	RGB 102 247 107	#66F76B
83.3%	83.3% #57F55E	RGB 87 245 94	#57F55E
100.0%	100.0% #49F452	RGB 73 244 82	#49F452

#A2FF9F #93FD92 #84FB85 #75F978 #66F76B #57F55E #49F452

#A2FF9F - #49F452

HSV Blend

#A2FF9F - #49F452 | 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 #A2FF9F as 0% and #49F452 as 100%.

0.0%	0.0% #A2FF9F	RGB 162 255 159	#A2FF9F
16.7%	16.7% #92FD90	RGB 146 253 144	#92FD90
33.3%	33.3% #81FB81	RGB 129 251 129	#81FB81
50.0%	50.0% #73F974	RGB 115 249 116	#73F974
66.7%	66.7% #64F768	RGB 100 247 104	#64F768
83.3%	83.3% #56F55C	RGB 86 245 92	#56F55C
100.0%	100.0% #49F452	RGB 73 244 82	#49F452

#A2FF9F #92FD90 #81FB81 #73F974 #64F768 #56F55C #49F452

#A2FF9F - #73F974 - #49F452

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FF9F 0%, #73F974 50%, #49F452 100%);
    background: -webkit-linear-gradient(top, #A2FF9F 0%, #73F974 50%, #49F452 100%);
    background: linear-gradient(to bottom, #A2FF9F 0%, #73F974 50%, #49F452 100%);
}
</style>