#CCC3C4 - #F0EDEE | 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 #CCC3C4 to #F0EDEE

#CCC3C4 #F0EDEE

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

#CCC3C4 - #F0EDEE | 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 #CCC3C4 as 0% and #F0EDEE as 100%.

0.0%	0.0% #CCC3C4	RGB 204 195 196	#CCC3C4
16.7%	16.7% #D2CACB	RGB 210 202 203	#D2CACB
33.3%	33.3% #D8D1D2	RGB 216 209 210	#D8D1D2
50.0%	50.0% #DED8D9	RGB 222 216 217	#DED8D9
66.7%	66.7% #E4DFE0	RGB 228 223 224	#E4DFE0
83.3%	83.3% #EAE6E7	RGB 234 230 231	#EAE6E7
100.0%	100.0% #F0EDEE	RGB 240 237 238	#F0EDEE

#CCC3C4 #D2CACB #D8D1D2 #DED8D9 #E4DFE0 #EAE6E7 #F0EDEE

#CCC3C4 - #F0EDEE

HSV Blend

#CCC3C4 - #F0EDEE | 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 #CCC3C4 as 0% and #F0EDEE as 100%.

0.0%	0.0% #CCC3C4	RGB 204 195 196	#CCC3C4
16.7%	16.7% #D2C9CB	RGB 210 201 203	#D2C9CB
33.3%	33.3% #D8D0D2	RGB 216 208 210	#D8D0D2
50.0%	50.0% #DED7D9	RGB 222 215 217	#DED7D9
66.7%	66.7% #E4DEE0	RGB 228 222 224	#E4DEE0
83.3%	83.3% #EAE5E7	RGB 234 229 231	#EAE5E7
100.0%	100.0% #F0EDEE	RGB 240 237 238	#F0EDEE

#CCC3C4 #D2C9CB #D8D0D2 #DED7D9 #E4DEE0 #EAE5E7 #F0EDEE

#CCC3C4 - #DED7D9 - #F0EDEE

CSS codes

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

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