#A0FF7D - #FFF9A1 | 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 #A0FF7D to #FFF9A1

#A0FF7D #FFF9A1

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

#A0FF7D - #FFF9A1 | 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 #A0FF7D as 0% and #FFF9A1 as 100%.

0.0%	0.0% #A0FF7D	RGB 160 255 125	#A0FF7D
16.7%	16.7% #AFFE83	RGB 175 254 131	#AFFE83
33.3%	33.3% #BFFD89	RGB 191 253 137	#BFFD89
50.0%	50.0% #CFFC8F	RGB 207 252 143	#CFFC8F
66.7%	66.7% #DFFB95	RGB 223 251 149	#DFFB95
83.3%	83.3% #EFFA9B	RGB 239 250 155	#EFFA9B
100.0%	100.0% #FFF9A1	RGB 255 249 161	#FFF9A1

#A0FF7D #AFFE83 #BFFD89 #CFFC8F #DFFB95 #EFFA9B #FFF9A1

#A0FF7D - #FFF9A1

HSV Blend

#A0FF7D - #FFF9A1 | 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 #A0FF7D as 0% and #FFF9A1 as 100%.

0.0%	0.0% #A0FF7D	RGB 160 255 125	#A0FF7D
16.7%	16.7% #B4FF83	RGB 180 255 131	#B4FF83
33.3%	33.3% #C8FF89	RGB 200 255 137	#C8FF89
50.0%	50.0% #D9FF8F	RGB 217 255 143	#D9FF8F
66.7%	66.7% #E9FF95	RGB 233 255 149	#E9FF95
83.3%	83.3% #F8FF9B	RGB 248 255 155	#F8FF9B
100.0%	100.0% #FFF9A1	RGB 255 249 161	#FFF9A1

#A0FF7D #B4FF83 #C8FF89 #D9FF8F #E9FF95 #F8FF9B #FFF9A1

#A0FF7D - #D9FF8F - #FFF9A1

CSS codes

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

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