#CCC8C5 - #F0EFEE | 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 #CCC8C5 to #F0EFEE

#CCC8C5 #F0EFEE

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

#CCC8C5 - #F0EFEE | 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 #CCC8C5 as 0% and #F0EFEE as 100%.

0.0%	0.0% #CCC8C5	RGB 204 200 197	#CCC8C5
16.7%	16.7% #D2CECB	RGB 210 206 203	#D2CECB
33.3%	33.3% #D8D5D2	RGB 216 213 210	#D8D5D2
50.0%	50.0% #DEDBD9	RGB 222 219 217	#DEDBD9
66.7%	66.7% #E4E2E0	RGB 228 226 224	#E4E2E0
83.3%	83.3% #EAE8E7	RGB 234 232 231	#EAE8E7
100.0%	100.0% #F0EFEE	RGB 240 239 238	#F0EFEE

#CCC8C5 #D2CECB #D8D5D2 #DEDBD9 #E4E2E0 #EAE8E7 #F0EFEE

#CCC8C5 - #F0EFEE

HSV Blend

#CCC8C5 - #F0EFEE | 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 #CCC8C5 as 0% and #F0EFEE as 100%.

0.0%	0.0% #CCC8C5	RGB 204 200 197	#CCC8C5
16.7%	16.7% #D2CECB	RGB 210 206 203	#D2CECB
33.3%	33.3% #D8D4D2	RGB 216 212 210	#D8D4D2
50.0%	50.0% #DEDBD9	RGB 222 219 217	#DEDBD9
66.7%	66.7% #E4E1E0	RGB 228 225 224	#E4E1E0
83.3%	83.3% #EAE8E7	RGB 234 232 231	#EAE8E7
100.0%	100.0% #F0EFEE	RGB 240 239 238	#F0EFEE

#CCC8C5 #D2CECB #D8D4D2 #DEDBD9 #E4E1E0 #EAE8E7 #F0EFEE

#CCC8C5 - #DEDBD9 - #F0EFEE

CSS codes

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

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