#A1EB6C - #56CA28 | 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 #A1EB6C to #56CA28

#A1EB6C #56CA28

Calculate the color between two colors, #A1EB6C and #56CA28. 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)

#A1EB6C - #56CA28 | 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 #A1EB6C as 0% and #56CA28 as 100%.

0.0%	0.0% #A1EB6C	RGB 161 235 108	#A1EB6C
16.7%	16.7% #94E560	RGB 148 229 96	#94E560
33.3%	33.3% #88E055	RGB 136 224 85	#88E055
50.0%	50.0% #7BDA4A	RGB 123 218 74	#7BDA4A
66.7%	66.7% #6FD53E	RGB 111 213 62	#6FD53E
83.3%	83.3% #62CF33	RGB 98 207 51	#62CF33
100.0%	100.0% #56CA28	RGB 86 202 40	#56CA28

#A1EB6C #94E560 #88E055 #7BDA4A #6FD53E #62CF33 #56CA28

#A1EB6C - #56CA28

HSV Blend

#A1EB6C - #56CA28 | 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 #A1EB6C as 0% and #56CA28 as 100%.

0.0%	0.0% #A1EB6C	RGB 161 235 108	#A1EB6C
16.7%	16.7% #94E55F	RGB 148 229 95	#94E55F
33.3%	33.3% #87E053	RGB 135 224 83	#87E053
50.0%	50.0% #7BDA47	RGB 123 218 71	#7BDA47
66.7%	66.7% #6ED53C	RGB 110 213 60	#6ED53C
83.3%	83.3% #62CF32	RGB 98 207 50	#62CF32
100.0%	100.0% #56CA28	RGB 86 202 40	#56CA28

#A1EB6C #94E55F #87E053 #7BDA47 #6ED53C #62CF32 #56CA28

#A1EB6C - #7BDA47 - #56CA28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1EB6C 0%, #7BDA47 50%, #56CA28 100%);
    background: -webkit-linear-gradient(top, #A1EB6C 0%, #7BDA47 50%, #56CA28 100%);
    background: linear-gradient(to bottom, #A1EB6C 0%, #7BDA47 50%, #56CA28 100%);
}
</style>