#FAFFBA - #FCFFEB | 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 #FAFFBA to #FCFFEB

#FAFFBA #FCFFEB

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

#FAFFBA - #FCFFEB | 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 #FAFFBA as 0% and #FCFFEB as 100%.

0.0%	0.0% #FAFFBA	RGB 250 255 186	#FAFFBA
16.7%	16.7% #FAFFC2	RGB 250 255 194	#FAFFC2
33.3%	33.3% #FAFFCA	RGB 250 255 202	#FAFFCA
50.0%	50.0% #FBFFD2	RGB 251 255 210	#FBFFD2
66.7%	66.7% #FBFFDA	RGB 251 255 218	#FBFFDA
83.3%	83.3% #FBFFE2	RGB 251 255 226	#FBFFE2
100.0%	100.0% #FCFFEB	RGB 252 255 235	#FCFFEB

#FAFFBA #FAFFC2 #FAFFCA #FBFFD2 #FBFFDA #FBFFE2 #FCFFEB

#FAFFBA - #FCFFEB

HSV Blend

#FAFFBA - #FCFFEB | 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 #FAFFBA as 0% and #FCFFEB as 100%.

0.0%	0.0% #FAFFBA	RGB 250 255 186	#FAFFBA
16.7%	16.7% #F9FFC2	RGB 249 255 194	#F9FFC2
33.3%	33.3% #F9FFCA	RGB 249 255 202	#F9FFCA
50.0%	50.0% #FAFFD2	RGB 250 255 210	#FAFFD2
66.7%	66.7% #FAFFDA	RGB 250 255 218	#FAFFDA
83.3%	83.3% #FBFFE2	RGB 251 255 226	#FBFFE2
100.0%	100.0% #FCFFEB	RGB 252 255 235	#FCFFEB

#FAFFBA #F9FFC2 #F9FFCA #FAFFD2 #FAFFDA #FBFFE2 #FCFFEB

#FAFFBA - #FAFFD2 - #FCFFEB

CSS codes

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

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