#A8FF5D - #5CE321 | 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 #A8FF5D to #5CE321

#A8FF5D #5CE321

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

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

0.0%	0.0% #A8FF5D	RGB 168 255 93	#A8FF5D
16.7%	16.7% #9BFA53	RGB 155 250 83	#9BFA53
33.3%	33.3% #8EF549	RGB 142 245 73	#8EF549
50.0%	50.0% #82F13F	RGB 130 241 63	#82F13F
66.7%	66.7% #75EC35	RGB 117 236 53	#75EC35
83.3%	83.3% #68E72B	RGB 104 231 43	#68E72B
100.0%	100.0% #5CE321	RGB 92 227 33	#5CE321

#A8FF5D #9BFA53 #8EF549 #82F13F #75EC35 #68E72B #5CE321

#A8FF5D - #5CE321

HSV Blend

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

0.0%	0.0% #A8FF5D	RGB 168 255 93	#A8FF5D
16.7%	16.7% #9BFA52	RGB 155 250 82	#9BFA52
33.3%	33.3% #8EF547	RGB 142 245 71	#8EF547
50.0%	50.0% #82F13D	RGB 130 241 61	#82F13D
66.7%	66.7% #75EC33	RGB 117 236 51	#75EC33
83.3%	83.3% #68E72A	RGB 104 231 42	#68E72A
100.0%	100.0% #5CE321	RGB 92 227 33	#5CE321

#A8FF5D #9BFA52 #8EF547 #82F13D #75EC33 #68E72A #5CE321

#A8FF5D - #82F13D - #5CE321

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FF5D 0%, #82F13D 50%, #5CE321 100%);
    background: -webkit-linear-gradient(top, #A8FF5D 0%, #82F13D 50%, #5CE321 100%);
    background: linear-gradient(to bottom, #A8FF5D 0%, #82F13D 50%, #5CE321 100%);
}
</style>