#C9CFCD - #FFCDF9 | 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 #C9CFCD to #FFCDF9

#C9CFCD #FFCDF9

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

#C9CFCD - #FFCDF9 | 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 #C9CFCD as 0% and #FFCDF9 as 100%.

0.0%	0.0% #C9CFCD	RGB 201 207 205	#C9CFCD
16.7%	16.7% #D2CED4	RGB 210 206 212	#D2CED4
33.3%	33.3% #DBCEDB	RGB 219 206 219	#DBCEDB
50.0%	50.0% #E4CEE3	RGB 228 206 227	#E4CEE3
66.7%	66.7% #EDCDEA	RGB 237 205 234	#EDCDEA
83.3%	83.3% #F6CDF1	RGB 246 205 241	#F6CDF1
100.0%	100.0% #FFCDF9	RGB 255 205 249	#FFCDF9

#C9CFCD #D2CED4 #DBCEDB #E4CEE3 #EDCDEA #F6CDF1 #FFCDF9

#C9CFCD - #FFCDF9

HSV Blend

#C9CFCD - #FFCDF9 | 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 #C9CFCD as 0% and #FFCDF9 as 100%.

0.0%	0.0% #C9CFCD	RGB 201 207 205	#C9CFCD
16.7%	16.7% #CAD6D7	RGB 202 214 215	#CAD6D7
33.3%	33.3% #CCD5DF	RGB 204 213 223	#CCD5DF
50.0%	50.0% #CDCFE7	RGB 205 207 231	#CDCFE7
66.7%	66.7% #D7CDEF	RGB 215 205 239	#D7CDEF
83.3%	83.3% #EACDF7	RGB 234 205 247	#EACDF7
100.0%	100.0% #FFCDF9	RGB 255 205 249	#FFCDF9

#C9CFCD #CAD6D7 #CCD5DF #CDCFE7 #D7CDEF #EACDF7 #FFCDF9

#C9CFCD - #CDCFE7 - #FFCDF9

CSS codes

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

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