#FDFCFF - #C2BBC9 | 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 #FDFCFF to #C2BBC9

#FDFCFF #C2BBC9

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

#FDFCFF - #C2BBC9 | 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 #FDFCFF as 0% and #C2BBC9 as 100%.

0.0%	0.0% #FDFCFF	RGB 253 252 255	#FDFCFF
16.7%	16.7% #F3F1F6	RGB 243 241 246	#F3F1F6
33.3%	33.3% #E9E6ED	RGB 233 230 237	#E9E6ED
50.0%	50.0% #DFDBE4	RGB 223 219 228	#DFDBE4
66.7%	66.7% #D5D0DB	RGB 213 208 219	#D5D0DB
83.3%	83.3% #CBC5D2	RGB 203 197 210	#CBC5D2
100.0%	100.0% #C2BBC9	RGB 194 187 201	#C2BBC9

#FDFCFF #F3F1F6 #E9E6ED #DFDBE4 #D5D0DB #CBC5D2 #C2BBC9

#FDFCFF - #C2BBC9

HSV Blend

#FDFCFF - #C2BBC9 | 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 #FDFCFF as 0% and #C2BBC9 as 100%.

0.0%	0.0% #FDFCFF	RGB 253 252 255	#FDFCFF
16.7%	16.7% #F2F0F6	RGB 242 240 246	#F2F0F6
33.3%	33.3% #E8E5ED	RGB 232 229 237	#E8E5ED
50.0%	50.0% #DEDAE4	RGB 222 218 228	#DEDAE4
66.7%	66.7% #D4CFDB	RGB 212 207 219	#D4CFDB
83.3%	83.3% #CBC5D2	RGB 203 197 210	#CBC5D2
100.0%	100.0% #C2BBC9	RGB 194 187 201	#C2BBC9

#FDFCFF #F2F0F6 #E8E5ED #DEDAE4 #D4CFDB #CBC5D2 #C2BBC9

#FDFCFF - #DEDAE4 - #C2BBC9

CSS codes

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

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