#C9CFD3 - #FFCEDC | 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 #C9CFD3 to #FFCEDC

#C9CFD3 #FFCEDC

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

#C9CFD3 - #FFCEDC | 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 #C9CFD3 as 0% and #FFCEDC as 100%.

0.0%	0.0% #C9CFD3	RGB 201 207 211	#C9CFD3
16.7%	16.7% #D2CED4	RGB 210 206 212	#D2CED4
33.3%	33.3% #DBCED6	RGB 219 206 214	#DBCED6
50.0%	50.0% #E4CED7	RGB 228 206 215	#E4CED7
66.7%	66.7% #EDCED9	RGB 237 206 217	#EDCED9
83.3%	83.3% #F6CEDA	RGB 246 206 218	#F6CEDA
100.0%	100.0% #FFCEDC	RGB 255 206 220	#FFCEDC

#C9CFD3 #D2CED4 #DBCED6 #E4CED7 #EDCED9 #F6CEDA #FFCEDC

#C9CFD3 - #FFCEDC

HSV Blend

#C9CFD3 - #FFCEDC | 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 #C9CFD3 as 0% and #FFCEDC as 100%.

0.0%	0.0% #C9CFD3	RGB 201 207 211	#C9CFD3
16.7%	16.7% #CACEDA	RGB 202 206 218	#CACEDA
33.3%	33.3% #CFCCE1	RGB 207 204 225	#CFCCE1
50.0%	50.0% #DCCDE9	RGB 220 205 233	#DCCDE9
66.7%	66.7% #EECDF0	RGB 238 205 240	#EECDF0
83.3%	83.3% #F7CEE9	RGB 247 206 233	#F7CEE9
100.0%	100.0% #FFCEDC	RGB 255 206 220	#FFCEDC

#C9CFD3 #CACEDA #CFCCE1 #DCCDE9 #EECDF0 #F7CEE9 #FFCEDC

#C9CFD3 - #DCCDE9 - #FFCEDC

CSS codes

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

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