#FDFCFE - #B5C7C3 | 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 #B5C7C3

#FDFCFE #B5C7C3

Calculate the color between two colors, #FDFCFE and #B5C7C3. 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 - #B5C7C3 | 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 #B5C7C3 as 100%.

0.0%	0.0% #FDFCFE	RGB 253 252 254	#FDFCFE
16.7%	16.7% #F1F3F4	RGB 241 243 244	#F1F3F4
33.3%	33.3% #E5EAEA	RGB 229 234 234	#E5EAEA
50.0%	50.0% #D9E1E0	RGB 217 225 224	#D9E1E0
66.7%	66.7% #CDD8D6	RGB 205 216 214	#CDD8D6
83.3%	83.3% #C1CFCC	RGB 193 207 204	#C1CFCC
100.0%	100.0% #B5C7C3	RGB 181 199 195	#B5C7C3

#FDFCFE #F1F3F4 #E5EAEA #D9E1E0 #CDD8D6 #C1CFCC #B5C7C3

#FDFCFE - #B5C7C3

HSV Blend

#FDFCFE - #B5C7C3 | 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 #B5C7C3 as 100%.

0.0%	0.0% #FDFCFE	RGB 253 252 254	#FDFCFE
16.7%	16.7% #F0EFF4	RGB 240 239 244	#F0EFF4
33.3%	33.3% #E3E3EB	RGB 227 227 235	#E3E3EB
50.0%	50.0% #D7DBE2	RGB 215 219 226	#D7DBE2
66.7%	66.7% #CBD4D9	RGB 203 212 217	#CBD4D9
83.3%	83.3% #C0CFD0	RGB 192 207 208	#C0CFD0
100.0%	100.0% #B5C7C3	RGB 181 199 195	#B5C7C3

#FDFCFE #F0EFF4 #E3E3EB #D7DBE2 #CBD4D9 #C0CFD0 #B5C7C3

#FDFCFE - #D7DBE2 - #B5C7C3

CSS codes

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

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