#CFCFC5 - #CBF0FF | 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 #CFCFC5 to #CBF0FF

#CFCFC5 #CBF0FF

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

#CFCFC5 - #CBF0FF | 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 #CFCFC5 as 0% and #CBF0FF as 100%.

0.0%	0.0% #CFCFC5	RGB 207 207 197	#CFCFC5
16.7%	16.7% #CED4CE	RGB 206 212 206	#CED4CE
33.3%	33.3% #CDDAD8	RGB 205 218 216	#CDDAD8
50.0%	50.0% #CDDFE2	RGB 205 223 226	#CDDFE2
66.7%	66.7% #CCE5EB	RGB 204 229 235	#CCE5EB
83.3%	83.3% #CBEAF5	RGB 203 234 245	#CBEAF5
100.0%	100.0% #CBF0FF	RGB 203 240 255	#CBF0FF

#CFCFC5 #CED4CE #CDDAD8 #CDDFE2 #CCE5EB #CBEAF5 #CBF0FF

#CFCFC5 - #CBF0FF

HSV Blend

#CFCFC5 - #CBF0FF | 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 #CFCFC5 as 0% and #CBF0FF as 100%.

0.0%	0.0% #CFCFC5	RGB 207 207 197	#CFCFC5
16.7%	16.7% #D0D7C7	RGB 208 215 199	#D0D7C7
33.3%	33.3% #CDDFC8	RGB 205 223 200	#CDDFC8
50.0%	50.0% #C9E7CE	RGB 201 231 206	#C9E7CE
66.7%	66.7% #CAEFDD	RGB 202 239 221	#CAEFDD
83.3%	83.3% #CBF7F2	RGB 203 247 242	#CBF7F2
100.0%	100.0% #CBF0FF	RGB 203 240 255	#CBF0FF

#CFCFC5 #D0D7C7 #CDDFC8 #C9E7CE #CAEFDD #CBF7F2 #CBF0FF

#CFCFC5 - #C9E7CE - #CBF0FF

CSS codes

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

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