#A2FF50 - #55DF1B | 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 #A2FF50 to #55DF1B

#A2FF50 #55DF1B

Calculate the color between two colors, #A2FF50 and #55DF1B. 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)

#A2FF50 - #55DF1B | 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 #A2FF50 as 0% and #55DF1B as 100%.

0.0%	0.0% #A2FF50	RGB 162 255 80	#A2FF50
16.7%	16.7% #95F947	RGB 149 249 71	#95F947
33.3%	33.3% #88F43E	RGB 136 244 62	#88F43E
50.0%	50.0% #7BEF35	RGB 123 239 53	#7BEF35
66.7%	66.7% #6EE92C	RGB 110 233 44	#6EE92C
83.3%	83.3% #61E423	RGB 97 228 35	#61E423
100.0%	100.0% #55DF1B	RGB 85 223 27	#55DF1B

#A2FF50 #95F947 #88F43E #7BEF35 #6EE92C #61E423 #55DF1B

#A2FF50 - #55DF1B

HSV Blend

#A2FF50 - #55DF1B | 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 #A2FF50 as 0% and #55DF1B as 100%.

0.0%	0.0% #A2FF4F	RGB 162 255 79	#A2FF4F
16.7%	16.7% #95F946	RGB 149 249 70	#95F946
33.3%	33.3% #88F43C	RGB 136 244 60	#88F43C
50.0%	50.0% #7BEF33	RGB 123 239 51	#7BEF33
66.7%	66.7% #6EE92B	RGB 110 233 43	#6EE92B
83.3%	83.3% #61E422	RGB 97 228 34	#61E422
100.0%	100.0% #55DF1B	RGB 85 223 27	#55DF1B

#A2FF4F #95F946 #88F43C #7BEF33 #6EE92B #61E422 #55DF1B

#A2FF50 - #7BEF33 - #55DF1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FF4F 0%, #7BEF33 50%, #55DF1B 100%);
    background: -webkit-linear-gradient(top, #A2FF4F 0%, #7BEF33 50%, #55DF1B 100%);
    background: linear-gradient(to bottom, #A2FF4F 0%, #7BEF33 50%, #55DF1B 100%);
}
</style>