#A8FF68 - #FFFC99 | 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 #A8FF68 to #FFFC99

#A8FF68 #FFFC99

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

#A8FF68 - #FFFC99 | 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 #A8FF68 as 0% and #FFFC99 as 100%.

0.0%	0.0% #A8FF68	RGB 168 255 104	#A8FF68
16.7%	16.7% #B6FE70	RGB 182 254 112	#B6FE70
33.3%	33.3% #C5FE78	RGB 197 254 120	#C5FE78
50.0%	50.0% #D3FD80	RGB 211 253 128	#D3FD80
66.7%	66.7% #E2FD88	RGB 226 253 136	#E2FD88
83.3%	83.3% #F0FC90	RGB 240 252 144	#F0FC90
100.0%	100.0% #FFFC99	RGB 255 252 153	#FFFC99

#A8FF68 #B6FE70 #C5FE78 #D3FD80 #E2FD88 #F0FC90 #FFFC99

#A8FF68 - #FFFC99

HSV Blend

#A8FF68 - #FFFC99 | 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 #A8FF68 as 0% and #FFFC99 as 100%.

0.0%	0.0% #A7FF68	RGB 167 255 104	#A7FF68
16.7%	16.7% #BBFF70	RGB 187 255 112	#BBFF70
33.3%	33.3% #CCFF78	RGB 204 255 120	#CCFF78
50.0%	50.0% #DCFF80	RGB 220 255 128	#DCFF80
66.7%	66.7% #EAFF88	RGB 234 255 136	#EAFF88
83.3%	83.3% #F7FF90	RGB 247 255 144	#F7FF90
100.0%	100.0% #FFFC99	RGB 255 252 153	#FFFC99

#A7FF68 #BBFF70 #CCFF78 #DCFF80 #EAFF88 #F7FF90 #FFFC99

#A8FF68 - #DCFF80 - #FFFC99

CSS codes

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

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