#CFCDC7 - #CCF7FF | 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 #CFCDC7 to #CCF7FF

#CFCDC7 #CCF7FF

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

#CFCDC7 - #CCF7FF | 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 #CFCDC7 as 0% and #CCF7FF as 100%.

0.0%	0.0% #CFCDC7	RGB 207 205 199	#CFCDC7
16.7%	16.7% #CED4D0	RGB 206 212 208	#CED4D0
33.3%	33.3% #CEDBD9	RGB 206 219 217	#CEDBD9
50.0%	50.0% #CDE2E3	RGB 205 226 227	#CDE2E3
66.7%	66.7% #CDE9EC	RGB 205 233 236	#CDE9EC
83.3%	83.3% #CCF0F5	RGB 204 240 245	#CCF0F5
100.0%	100.0% #CCF7FF	RGB 204 247 255	#CCF7FF

#CFCDC7 #CED4D0 #CEDBD9 #CDE2E3 #CDE9EC #CCF0F5 #CCF7FF

#CFCDC7 - #CCF7FF

HSV Blend

#CFCDC7 - #CCF7FF | 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 #CFCDC7 as 0% and #CCF7FF as 100%.

0.0%	0.0% #CFCDC7	RGB 207 205 199	#CFCDC7
16.7%	16.7% #D4D7C8	RGB 212 215 200	#D4D7C8
33.3%	33.3% #D3DFCA	RGB 211 223 202	#D3DFCA
50.0%	50.0% #CCE7CB	RGB 204 231 203	#CCE7CB
66.7%	66.7% #CCEFD8	RGB 204 239 216	#CCEFD8
83.3%	83.3% #CCF7EC	RGB 204 247 236	#CCF7EC
100.0%	100.0% #CCF7FF	RGB 204 247 255	#CCF7FF

#CFCDC7 #D4D7C8 #D3DFCA #CCE7CB #CCEFD8 #CCF7EC #CCF7FF

#CFCDC7 - #CCE7CB - #CCF7FF

CSS codes

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

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