#FEFDFF - #C0BFC9 | 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 #FEFDFF to #C0BFC9

#FEFDFF #C0BFC9

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

#FEFDFF - #C0BFC9 | 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 #FEFDFF as 0% and #C0BFC9 as 100%.

0.0%	0.0% #FEFDFF	RGB 254 253 255	#FEFDFF
16.7%	16.7% #F3F2F6	RGB 243 242 246	#F3F2F6
33.3%	33.3% #E9E8ED	RGB 233 232 237	#E9E8ED
50.0%	50.0% #DFDEE4	RGB 223 222 228	#DFDEE4
66.7%	66.7% #D4D3DB	RGB 212 211 219	#D4D3DB
83.3%	83.3% #CAC9D2	RGB 202 201 210	#CAC9D2
100.0%	100.0% #C0BFC9	RGB 192 191 201	#C0BFC9

#FEFDFF #F3F2F6 #E9E8ED #DFDEE4 #D4D3DB #CAC9D2 #C0BFC9

#FEFDFF - #C0BFC9

HSV Blend

#FEFDFF - #C0BFC9 | 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 #FEFDFF as 0% and #C0BFC9 as 100%.

0.0%	0.0% #FEFDFF	RGB 254 253 255	#FEFDFF
16.7%	16.7% #F3F2F6	RGB 243 242 246	#F3F2F6
33.3%	33.3% #E9E7ED	RGB 233 231 237	#E9E7ED
50.0%	50.0% #DFDDE4	RGB 223 221 228	#DFDDE4
66.7%	66.7% #D4D3DB	RGB 212 211 219	#D4D3DB
83.3%	83.3% #CAC9D2	RGB 202 201 210	#CAC9D2
100.0%	100.0% #C0BFC9	RGB 192 191 201	#C0BFC9

#FEFDFF #F3F2F6 #E9E7ED #DFDDE4 #D4D3DB #CAC9D2 #C0BFC9

#FEFDFF - #DFDDE4 - #C0BFC9

CSS codes

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

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