#A0FF51 - #FFFF8C | 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 #A0FF51 to #FFFF8C

#A0FF51 #FFFF8C

Calculate the color between two colors, #A0FF51 and #FFFF8C. 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)

#A0FF51 - #FFFF8C | 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 #A0FF51 as 0% and #FFFF8C as 100%.

0.0%	0.0% #A0FF51	RGB 160 255 81	#A0FF51
16.7%	16.7% #AFFF5A	RGB 175 255 90	#AFFF5A
33.3%	33.3% #BFFF64	RGB 191 255 100	#BFFF64
50.0%	50.0% #CFFF6E	RGB 207 255 110	#CFFF6E
66.7%	66.7% #DFFF78	RGB 223 255 120	#DFFF78
83.3%	83.3% #EFFF82	RGB 239 255 130	#EFFF82
100.0%	100.0% #FFFF8C	RGB 255 255 140	#FFFF8C

#A0FF51 #AFFF5A #BFFF64 #CFFF6E #DFFF78 #EFFF82 #FFFF8C

#A0FF51 - #FFFF8C

HSV Blend

#A0FF51 - #FFFF8C | 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 #A0FF51 as 0% and #FFFF8C as 100%.

0.0%	0.0% #A0FF51	RGB 160 255 81	#A0FF51
16.7%	16.7% #B4FF5A	RGB 180 255 90	#B4FF5A
33.3%	33.3% #C6FF64	RGB 198 255 100	#C6FF64
50.0%	50.0% #D7FF6E	RGB 215 255 110	#D7FF6E
66.7%	66.7% #E6FF78	RGB 230 255 120	#E6FF78
83.3%	83.3% #F3FF82	RGB 243 255 130	#F3FF82
100.0%	100.0% #FFFF8C	RGB 255 255 140	#FFFF8C

#A0FF51 #B4FF5A #C6FF64 #D7FF6E #E6FF78 #F3FF82 #FFFF8C

#A0FF51 - #D7FF6E - #FFFF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0FF51 0%, #D7FF6E 50%, #FFFF8C 100%);
    background: -webkit-linear-gradient(top, #A0FF51 0%, #D7FF6E 50%, #FFFF8C 100%);
    background: linear-gradient(to bottom, #A0FF51 0%, #D7FF6E 50%, #FFFF8C 100%);
}
</style>