#A2FFCB - #FAFFB7 | 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 #A2FFCB to #FAFFB7

#A2FFCB #FAFFB7

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

#A2FFCB - #FAFFB7 | 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 #A2FFCB as 0% and #FAFFB7 as 100%.

0.0%	0.0% #A2FFCB	RGB 162 255 203	#A2FFCB
16.7%	16.7% #B0FFC7	RGB 176 255 199	#B0FFC7
33.3%	33.3% #BFFFC4	RGB 191 255 196	#BFFFC4
50.0%	50.0% #CEFFC1	RGB 206 255 193	#CEFFC1
66.7%	66.7% #DCFFBD	RGB 220 255 189	#DCFFBD
83.3%	83.3% #EBFFBA	RGB 235 255 186	#EBFFBA
100.0%	100.0% #FAFFB7	RGB 250 255 183	#FAFFB7

#A2FFCB #B0FFC7 #BFFFC4 #CEFFC1 #DCFFBD #EBFFBA #FAFFB7

#A2FFCB - #FAFFB7

HSV Blend

#A2FFCB - #FAFFB7 | 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 #A2FFCB as 0% and #FAFFB7 as 100%.

0.0%	0.0% #A2FFCB	RGB 162 255 203	#A2FFCB
16.7%	16.7% #A5FFB8	RGB 165 255 184	#A5FFB8
33.3%	33.3% #AAFFA9	RGB 170 255 169	#AAFFA9
50.0%	50.0% #C0FFAC	RGB 192 255 172	#C0FFAC
66.7%	66.7% #D5FFB0	RGB 213 255 176	#D5FFB0
83.3%	83.3% #E8FFB3	RGB 232 255 179	#E8FFB3
100.0%	100.0% #FAFFB7	RGB 250 255 183	#FAFFB7

#A2FFCB #A5FFB8 #AAFFA9 #C0FFAC #D5FFB0 #E8FFB3 #FAFFB7

#A2FFCB - #C0FFAC - #FAFFB7

CSS codes

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

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