#C3CDEE - #FCFAFB | 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 #C3CDEE to #FCFAFB

#C3CDEE #FCFAFB

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

#C3CDEE - #FCFAFB | 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 #C3CDEE as 0% and #FCFAFB as 100%.

0.0%	0.0% #C3CDEE	RGB 195 205 238	#C3CDEE
16.7%	16.7% #CCD4F0	RGB 204 212 240	#CCD4F0
33.3%	33.3% #D6DCF2	RGB 214 220 242	#D6DCF2
50.0%	50.0% #DFE3F4	RGB 223 227 244	#DFE3F4
66.7%	66.7% #E9EBF6	RGB 233 235 246	#E9EBF6
83.3%	83.3% #F2F2F8	RGB 242 242 248	#F2F2F8
100.0%	100.0% #FCFAFB	RGB 252 250 251	#FCFAFB

#C3CDEE #CCD4F0 #D6DCF2 #DFE3F4 #E9EBF6 #F2F2F8 #FCFAFB

#C3CDEE - #FCFAFB

HSV Blend

#C3CDEE - #FCFAFB | 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 #C3CDEE as 0% and #FCFAFB as 100%.

0.0%	0.0% #C3CDEE	RGB 195 205 238	#C3CDEE
16.7%	16.7% #CDCBF0	RGB 205 203 240	#CDCBF0
33.3%	33.3% #DFD4F2	RGB 223 212 242	#DFD4F2
50.0%	50.0% #ECDDF5	RGB 236 221 245	#ECDDF5
66.7%	66.7% #F6E7F7	RGB 246 231 247	#F6E7F7
83.3%	83.3% #F9F0F7	RGB 249 240 247	#F9F0F7
100.0%	100.0% #FCFAFB	RGB 252 250 251	#FCFAFB

#C3CDEE #CDCBF0 #DFD4F2 #ECDDF5 #F6E7F7 #F9F0F7 #FCFAFB

#C3CDEE - #ECDDF5 - #FCFAFB

CSS codes

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

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