#A8FF00 - #FFBA72 | 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 #A8FF00 to #FFBA72

#A8FF00 #FFBA72

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

#A8FF00 - #FFBA72 | 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 #A8FF00 as 0% and #FFBA72 as 100%.

0.0%	0.0% #A8FF00	RGB 168 255 0	#A8FF00
16.7%	16.7% #B6F313	RGB 182 243 19	#B6F313
33.3%	33.3% #C5E826	RGB 197 232 38	#C5E826
50.0%	50.0% #D3DC39	RGB 211 220 57	#D3DC39
66.7%	66.7% #E2D14C	RGB 226 209 76	#E2D14C
83.3%	83.3% #F0C55F	RGB 240 197 95	#F0C55F
100.0%	100.0% #FFBA72	RGB 255 186 114	#FFBA72

#A8FF00 #B6F313 #C5E826 #D3DC39 #E2D14C #F0C55F #FFBA72

#A8FF00 - #FFBA72

HSV Blend

#A8FF00 - #FFBA72 | 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 #A8FF00 as 0% and #FFBA72 as 100%.

0.0%	0.0% #A7FF00	RGB 167 255 0	#A7FF00
16.7%	16.7% #CFFF12	RGB 207 255 18	#CFFF12
33.3%	33.3% #F1FF25	RGB 241 255 37	#F1FF25
50.0%	50.0% #FFF039	RGB 255 240 57	#FFF039
66.7%	66.7% #FFD84C	RGB 255 216 76	#FFD84C
83.3%	83.3% #FFC65F	RGB 255 198 95	#FFC65F
100.0%	100.0% #FFBA72	RGB 255 186 114	#FFBA72

#A7FF00 #CFFF12 #F1FF25 #FFF039 #FFD84C #FFC65F #FFBA72

#A8FF00 - #FFF039 - #FFBA72

CSS codes

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

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