#FDFCFE - #BEBDC7 | 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 #FDFCFE to #BEBDC7

#FDFCFE #BEBDC7

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

#FDFCFE - #BEBDC7 | 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 #FDFCFE as 0% and #BEBDC7 as 100%.

0.0%	0.0% #FDFCFE	RGB 253 252 254	#FDFCFE
16.7%	16.7% #F2F1F4	RGB 242 241 244	#F2F1F4
33.3%	33.3% #E8E7EB	RGB 232 231 235	#E8E7EB
50.0%	50.0% #DDDCE2	RGB 221 220 226	#DDDCE2
66.7%	66.7% #D3D2D9	RGB 211 210 217	#D3D2D9
83.3%	83.3% #C8C7D0	RGB 200 199 208	#C8C7D0
100.0%	100.0% #BEBDC7	RGB 190 189 199	#BEBDC7

#FDFCFE #F2F1F4 #E8E7EB #DDDCE2 #D3D2D9 #C8C7D0 #BEBDC7

#FDFCFE - #BEBDC7

HSV Blend

#FDFCFE - #BEBDC7 | 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 #FDFCFE as 0% and #BEBDC7 as 100%.

0.0%	0.0% #FDFCFE	RGB 253 252 254	#FDFCFE
16.7%	16.7% #F2F1F4	RGB 242 241 244	#F2F1F4
33.3%	33.3% #E8E6EB	RGB 232 230 235	#E8E6EB
50.0%	50.0% #DDDBE2	RGB 221 219 226	#DDDBE2
66.7%	66.7% #D3D1D9	RGB 211 209 217	#D3D1D9
83.3%	83.3% #C8C7D0	RGB 200 199 208	#C8C7D0
100.0%	100.0% #BEBDC7	RGB 190 189 199	#BEBDC7

#FDFCFE #F2F1F4 #E8E6EB #DDDBE2 #D3D1D9 #C8C7D0 #BEBDC7

#FDFCFE - #DDDBE2 - #BEBDC7

CSS codes

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

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