#FAF7FE - #FEFCFD | 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 #FAF7FE to #FEFCFD

#FAF7FE #FEFCFD

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

#FAF7FE - #FEFCFD | 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 #FAF7FE as 0% and #FEFCFD as 100%.

0.0%	0.0% #FAF7FE	RGB 250 247 254	#FAF7FE
16.7%	16.7% #FAF7FD	RGB 250 247 253	#FAF7FD
33.3%	33.3% #FBF8FD	RGB 251 248 253	#FBF8FD
50.0%	50.0% #FCF9FD	RGB 252 249 253	#FCF9FD
66.7%	66.7% #FCFAFD	RGB 252 250 253	#FCFAFD
83.3%	83.3% #FDFBFD	RGB 253 251 253	#FDFBFD
100.0%	100.0% #FEFCFD	RGB 254 252 253	#FEFCFD

#FAF7FE #FAF7FD #FBF8FD #FCF9FD #FCFAFD #FDFBFD #FEFCFD

#FAF7FE - #FEFCFD

HSV Blend

#FAF7FE - #FEFCFD | 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 #FAF7FE as 0% and #FEFCFD as 100%.

0.0%	0.0% #FAF7FE	RGB 250 247 254	#FAF7FE
16.7%	16.7% #FBF7FE	RGB 251 247 254	#FBF7FE
33.3%	33.3% #FCF8FE	RGB 252 248 254	#FCF8FE
50.0%	50.0% #FDF9FE	RGB 253 249 254	#FDF9FE
66.7%	66.7% #FEFAFD	RGB 254 250 253	#FEFAFD
83.3%	83.3% #FEFBFD	RGB 254 251 253	#FEFBFD
100.0%	100.0% #FEFCFD	RGB 254 252 253	#FEFCFD

#FAF7FE #FBF7FE #FCF8FE #FDF9FE #FEFAFD #FEFBFD #FEFCFD

#FAF7FE - #FDF9FE - #FEFCFD

CSS codes

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

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