#A0FF67 - #FFFD97 | 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 #A0FF67 to #FFFD97

#A0FF67 #FFFD97

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

#A0FF67 - #FFFD97 | 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 #A0FF67 as 0% and #FFFD97 as 100%.

0.0%	0.0% #A0FF67	RGB 160 255 103	#A0FF67
16.7%	16.7% #AFFE6F	RGB 175 254 111	#AFFE6F
33.3%	33.3% #BFFE77	RGB 191 254 119	#BFFE77
50.0%	50.0% #CFFE7F	RGB 207 254 127	#CFFE7F
66.7%	66.7% #DFFD87	RGB 223 253 135	#DFFD87
83.3%	83.3% #EFFD8F	RGB 239 253 143	#EFFD8F
100.0%	100.0% #FFFD97	RGB 255 253 151	#FFFD97

#A0FF67 #AFFE6F #BFFE77 #CFFE7F #DFFD87 #EFFD8F #FFFD97

#A0FF67 - #FFFD97

HSV Blend

#A0FF67 - #FFFD97 | 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 #A0FF67 as 0% and #FFFD97 as 100%.

0.0%	0.0% #9FFF67	RGB 159 255 103	#9FFF67
16.7%	16.7% #B4FF6F	RGB 180 255 111	#B4FF6F
33.3%	33.3% #C7FF77	RGB 199 255 119	#C7FF77
50.0%	50.0% #D8FF7F	RGB 216 255 127	#D8FF7F
66.7%	66.7% #E7FF87	RGB 231 255 135	#E7FF87
83.3%	83.3% #F5FF8F	RGB 245 255 143	#F5FF8F
100.0%	100.0% #FFFD97	RGB 255 253 151	#FFFD97

#9FFF67 #B4FF6F #C7FF77 #D8FF7F #E7FF87 #F5FF8F #FFFD97

#A0FF67 - #D8FF7F - #FFFD97

CSS codes

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

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