#C2CFEC - #FCFFFD | 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 #C2CFEC to #FCFFFD

#C2CFEC #FCFFFD

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

#C2CFEC - #FCFFFD | 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 #C2CFEC as 0% and #FCFFFD as 100%.

0.0%	0.0% #C2CFEC	RGB 194 207 236	#C2CFEC
16.7%	16.7% #CBD7EE	RGB 203 215 238	#CBD7EE
33.3%	33.3% #D5DFF1	RGB 213 223 241	#D5DFF1
50.0%	50.0% #DFE7F4	RGB 223 231 244	#DFE7F4
66.7%	66.7% #E8EFF7	RGB 232 239 247	#E8EFF7
83.3%	83.3% #F2F7FA	RGB 242 247 250	#F2F7FA
100.0%	100.0% #FCFFFD	RGB 252 255 253	#FCFFFD

#C2CFEC #CBD7EE #D5DFF1 #DFE7F4 #E8EFF7 #F2F7FA #FCFFFD

#C2CFEC - #FCFFFD

HSV Blend

#C2CFEC - #FCFFFD | 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 #C2CFEC as 0% and #FCFFFD as 100%.

0.0%	0.0% #C2CFEC	RGB 194 207 236	#C2CFEC
16.7%	16.7% #CBDEEF	RGB 203 222 239	#CBDEEF
33.3%	33.3% #D4EBF2	RGB 212 235 242	#D4EBF2
50.0%	50.0% #DEF5F5	RGB 222 245 245	#DEF5F5
66.7%	66.7% #E7F8F5	RGB 231 248 245	#E7F8F5
83.3%	83.3% #F1FBF7	RGB 241 251 247	#F1FBF7
100.0%	100.0% #FCFFFD	RGB 252 255 253	#FCFFFD

#C2CFEC #CBDEEF #D4EBF2 #DEF5F5 #E7F8F5 #F1FBF7 #FCFFFD

#C2CFEC - #DEF5F5 - #FCFFFD

CSS codes

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

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