#A0FF56 - #FFFF8F | 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 #A0FF56 to #FFFF8F

#A0FF56 #FFFF8F

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

#A0FF56 - #FFFF8F | 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 #A0FF56 as 0% and #FFFF8F as 100%.

0.0%	0.0% #A0FF56	RGB 160 255 86	#A0FF56
16.7%	16.7% #AFFF5F	RGB 175 255 95	#AFFF5F
33.3%	33.3% #BFFF69	RGB 191 255 105	#BFFF69
50.0%	50.0% #CFFF72	RGB 207 255 114	#CFFF72
66.7%	66.7% #DFFF7C	RGB 223 255 124	#DFFF7C
83.3%	83.3% #EFFF85	RGB 239 255 133	#EFFF85
100.0%	100.0% #FFFF8F	RGB 255 255 143	#FFFF8F

#A0FF56 #AFFF5F #BFFF69 #CFFF72 #DFFF7C #EFFF85 #FFFF8F

#A0FF56 - #FFFF8F

HSV Blend

#A0FF56 - #FFFF8F | 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 #A0FF56 as 0% and #FFFF8F as 100%.

0.0%	0.0% #A0FF55	RGB 160 255 85	#A0FF55
16.7%	16.7% #B4FF5F	RGB 180 255 95	#B4FF5F
33.3%	33.3% #C6FF68	RGB 198 255 104	#C6FF68
50.0%	50.0% #D7FF72	RGB 215 255 114	#D7FF72
66.7%	66.7% #E6FF7C	RGB 230 255 124	#E6FF7C
83.3%	83.3% #F3FF85	RGB 243 255 133	#F3FF85
100.0%	100.0% #FFFF8F	RGB 255 255 143	#FFFF8F

#A0FF55 #B4FF5F #C6FF68 #D7FF72 #E6FF7C #F3FF85 #FFFF8F

#A0FF56 - #D7FF72 - #FFFF8F

CSS codes

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

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