#A8C35E - #F2FF80 | 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 #A8C35E to #F2FF80

#A8C35E #F2FF80

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

#A8C35E - #F2FF80 | 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 #A8C35E as 0% and #F2FF80 as 100%.

0.0%	0.0% #A8C35E	RGB 168 195 94	#A8C35E
16.7%	16.7% #B4CD63	RGB 180 205 99	#B4CD63
33.3%	33.3% #C0D769	RGB 192 215 105	#C0D769
50.0%	50.0% #CDE16F	RGB 205 225 111	#CDE16F
66.7%	66.7% #D9EB74	RGB 217 235 116	#D9EB74
83.3%	83.3% #E5F57A	RGB 229 245 122	#E5F57A
100.0%	100.0% #F2FF80	RGB 242 255 128	#F2FF80

#A8C35E #B4CD63 #C0D769 #CDE16F #D9EB74 #E5F57A #F2FF80

#A8C35E - #F2FF80

HSV Blend

#A8C35E - #F2FF80 | 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 #A8C35E as 0% and #F2FF80 as 100%.

0.0%	0.0% #A8C35E	RGB 168 195 94	#A8C35E
16.7%	16.7% #B3CD63	RGB 179 205 99	#B3CD63
33.3%	33.3% #BFD769	RGB 191 215 105	#BFD769
50.0%	50.0% #CBE16E	RGB 203 225 110	#CBE16E
66.7%	66.7% #D8EB74	RGB 216 235 116	#D8EB74
83.3%	83.3% #E5F57A	RGB 229 245 122	#E5F57A
100.0%	100.0% #F2FF80	RGB 242 255 128	#F2FF80

#A8C35E #B3CD63 #BFD769 #CBE16E #D8EB74 #E5F57A #F2FF80

#A8C35E - #CBE16E - #F2FF80

CSS codes

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

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