#A8FF4F - #5CDF1B | 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 #A8FF4F to #5CDF1B

#A8FF4F #5CDF1B

Calculate the color between two colors, #A8FF4F and #5CDF1B. 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)

#A8FF4F - #5CDF1B | 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 #A8FF4F as 0% and #5CDF1B as 100%.

0.0%	0.0% #A8FF4F	RGB 168 255 79	#A8FF4F
16.7%	16.7% #9BF946	RGB 155 249 70	#9BF946
33.3%	33.3% #8EF43D	RGB 142 244 61	#8EF43D
50.0%	50.0% #82EF35	RGB 130 239 53	#82EF35
66.7%	66.7% #75E92C	RGB 117 233 44	#75E92C
83.3%	83.3% #68E423	RGB 104 228 35	#68E423
100.0%	100.0% #5CDF1B	RGB 92 223 27	#5CDF1B

#A8FF4F #9BF946 #8EF43D #82EF35 #75E92C #68E423 #5CDF1B

#A8FF4F - #5CDF1B

HSV Blend

#A8FF4F - #5CDF1B | 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 #A8FF4F as 0% and #5CDF1B as 100%.

0.0%	0.0% #A8FF4F	RGB 168 255 79	#A8FF4F
16.7%	16.7% #9BF945	RGB 155 249 69	#9BF945
33.3%	33.3% #8EF43C	RGB 142 244 60	#8EF43C
50.0%	50.0% #81EF33	RGB 129 239 51	#81EF33
66.7%	66.7% #75E92A	RGB 117 233 42	#75E92A
83.3%	83.3% #68E422	RGB 104 228 34	#68E422
100.0%	100.0% #5CDF1B	RGB 92 223 27	#5CDF1B

#A8FF4F #9BF945 #8EF43C #81EF33 #75E92A #68E422 #5CDF1B

#A8FF4F - #81EF33 - #5CDF1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FF4F 0%, #81EF33 50%, #5CDF1B 100%);
    background: -webkit-linear-gradient(top, #A8FF4F 0%, #81EF33 50%, #5CDF1B 100%);
    background: linear-gradient(to bottom, #A8FF4F 0%, #81EF33 50%, #5CDF1B 100%);
}
</style>