#A2FEA2 - #FFF2AF | 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 #A2FEA2 to #FFF2AF

#A2FEA2 #FFF2AF

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

#A2FEA2 - #FFF2AF | 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 #A2FEA2 as 0% and #FFF2AF as 100%.

0.0%	0.0% #A2FEA2	RGB 162 254 162	#A2FEA2
16.7%	16.7% #B1FCA4	RGB 177 252 164	#B1FCA4
33.3%	33.3% #C1FAA6	RGB 193 250 166	#C1FAA6
50.0%	50.0% #D0F8A8	RGB 208 248 168	#D0F8A8
66.7%	66.7% #E0F6AA	RGB 224 246 170	#E0F6AA
83.3%	83.3% #EFF4AC	RGB 239 244 172	#EFF4AC
100.0%	100.0% #FFF2AF	RGB 255 242 175	#FFF2AF

#A2FEA2 #B1FCA4 #C1FAA6 #D0F8A8 #E0F6AA #EFF4AC #FFF2AF

#A2FEA2 - #FFF2AF

HSV Blend

#A2FEA2 - #FFF2AF | 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 #A2FEA2 as 0% and #FFF2AF as 100%.

0.0%	0.0% #A2FEA2	RGB 162 254 162	#A2FEA2
16.7%	16.7% #B5FEA4	RGB 181 254 164	#B5FEA4
33.3%	33.3% #C8FEA6	RGB 200 254 166	#C8FEA6
50.0%	50.0% #DAFEA8	RGB 218 254 168	#DAFEA8
66.7%	66.7% #EBFEAA	RGB 235 254 170	#EBFEAA
83.3%	83.3% #FCFEAC	RGB 252 254 172	#FCFEAC
100.0%	100.0% #FFF2AF	RGB 255 242 175	#FFF2AF

#A2FEA2 #B5FEA4 #C8FEA6 #DAFEA8 #EBFEAA #FCFEAC #FFF2AF

#A2FEA2 - #DAFEA8 - #FFF2AF

CSS codes

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

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