#CCCBCA - #FFDFD3 | 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 #CCCBCA to #FFDFD3

#CCCBCA #FFDFD3

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

#CCCBCA - #FFDFD3 | 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 #CCCBCA as 0% and #FFDFD3 as 100%.

0.0%	0.0% #CCCBCA	RGB 204 203 202	#CCCBCA
16.7%	16.7% #D4CECB	RGB 212 206 203	#D4CECB
33.3%	33.3% #DDD1CD	RGB 221 209 205	#DDD1CD
50.0%	50.0% #E5D5CE	RGB 229 213 206	#E5D5CE
66.7%	66.7% #EED8D0	RGB 238 216 208	#EED8D0
83.3%	83.3% #F6DBD1	RGB 246 219 209	#F6DBD1
100.0%	100.0% #FFDFD3	RGB 255 223 211	#FFDFD3

#CCCBCA #D4CECB #DDD1CD #E5D5CE #EED8D0 #F6DBD1 #FFDFD3

#CCCBCA - #FFDFD3

HSV Blend

#CCCBCA - #FFDFD3 | 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 #CCCBCA as 0% and #FFDFD3 as 100%.

0.0%	0.0% #CCCBCA	RGB 204 203 202	#CCCBCA
16.7%	16.7% #D4D0CC	RGB 212 208 204	#D4D0CC
33.3%	33.3% #DDD4CE	RGB 221 212 206	#DDD4CE
50.0%	50.0% #E5D8D0	RGB 229 216 208	#E5D8D0
66.7%	66.7% #EEDBD1	RGB 238 219 209	#EEDBD1
83.3%	83.3% #F6DDD2	RGB 246 221 210	#F6DDD2
100.0%	100.0% #FFDFD3	RGB 255 223 211	#FFDFD3

#CCCBCA #D4D0CC #DDD4CE #E5D8D0 #EEDBD1 #F6DDD2 #FFDFD3

#CCCBCA - #E5D8D0 - #FFDFD3

CSS codes

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

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