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

#A6F99D #FFF2AF

Calculate the color between two colors, #A6F99D 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)

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

0.0%	0.0% #A6F99D	RGB 166 249 157	#A6F99D
16.7%	16.7% #B4F7A0	RGB 180 247 160	#B4F7A0
33.3%	33.3% #C3F6A3	RGB 195 246 163	#C3F6A3
50.0%	50.0% #D2F5A6	RGB 210 245 166	#D2F5A6
66.7%	66.7% #E1F4A9	RGB 225 244 169	#E1F4A9
83.3%	83.3% #F0F3AC	RGB 240 243 172	#F0F3AC
100.0%	100.0% #FFF2AF	RGB 255 242 175	#FFF2AF

#A6F99D #B4F7A0 #C3F6A3 #D2F5A6 #E1F4A9 #F0F3AC #FFF2AF

#A6F99D - #FFF2AF

HSV Blend

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

0.0%	0.0% #A6F99D	RGB 166 249 157	#A6F99D
16.7%	16.7% #B8FA9F	RGB 184 250 159	#B8FA9F
33.3%	33.3% #CAFBA2	RGB 202 251 162	#CAFBA2
50.0%	50.0% #DCFCA5	RGB 220 252 165	#DCFCA5
66.7%	66.7% #ECFDA8	RGB 236 253 168	#ECFDA8
83.3%	83.3% #FCFEAB	RGB 252 254 171	#FCFEAB
100.0%	100.0% #FFF2AF	RGB 255 242 175	#FFF2AF

#A6F99D #B8FA9F #CAFBA2 #DCFCA5 #ECFDA8 #FCFEAB #FFF2AF

#A6F99D - #DCFCA5 - #FFF2AF

CSS codes

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

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