#A6FFA6 - #FFF1B2 | 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 #A6FFA6 to #FFF1B2

#A6FFA6 #FFF1B2

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

#A6FFA6 - #FFF1B2 | 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 #A6FFA6 as 0% and #FFF1B2 as 100%.

0.0%	0.0% #A6FFA6	RGB 166 255 166	#A6FFA6
16.7%	16.7% #B4FCA8	RGB 180 252 168	#B4FCA8
33.3%	33.3% #C3FAAA	RGB 195 250 170	#C3FAAA
50.0%	50.0% #D2F8AC	RGB 210 248 172	#D2F8AC
66.7%	66.7% #E1F5AE	RGB 225 245 174	#E1F5AE
83.3%	83.3% #F0F3B0	RGB 240 243 176	#F0F3B0
100.0%	100.0% #FFF1B2	RGB 255 241 178	#FFF1B2

#A6FFA6 #B4FCA8 #C3FAAA #D2F8AC #E1F5AE #F0F3B0 #FFF1B2

#A6FFA6 - #FFF1B2

HSV Blend

#A6FFA6 - #FFF1B2 | 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 #A6FFA6 as 0% and #FFF1B2 as 100%.

0.0%	0.0% #A6FFA6	RGB 166 255 166	#A6FFA6
16.7%	16.7% #B9FFA8	RGB 185 255 168	#B9FFA8
33.3%	33.3% #CBFFAA	RGB 203 255 170	#CBFFAA
50.0%	50.0% #DDFFAC	RGB 221 255 172	#DDFFAC
66.7%	66.7% #EDFFAE	RGB 237 255 174	#EDFFAE
83.3%	83.3% #FDFFB0	RGB 253 255 176	#FDFFB0
100.0%	100.0% #FFF1B2	RGB 255 241 178	#FFF1B2

#A6FFA6 #B9FFA8 #CBFFAA #DDFFAC #EDFFAE #FDFFB0 #FFF1B2

#A6FFA6 - #DDFFAC - #FFF1B2

CSS codes

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

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