#CCCAC8 - #FFDFD2 | 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 #CCCAC8 to #FFDFD2

#CCCAC8 #FFDFD2

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

#CCCAC8 - #FFDFD2 | 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 #CCCAC8 as 0% and #FFDFD2 as 100%.

0.0%	0.0% #CCCAC8	RGB 204 202 200	#CCCAC8
16.7%	16.7% #D4CDC9	RGB 212 205 201	#D4CDC9
33.3%	33.3% #DDD1CB	RGB 221 209 203	#DDD1CB
50.0%	50.0% #E5D4CD	RGB 229 212 205	#E5D4CD
66.7%	66.7% #EED8CE	RGB 238 216 206	#EED8CE
83.3%	83.3% #F6DBD0	RGB 246 219 208	#F6DBD0
100.0%	100.0% #FFDFD2	RGB 255 223 210	#FFDFD2

#CCCAC8 #D4CDC9 #DDD1CB #E5D4CD #EED8CE #F6DBD0 #FFDFD2

#CCCAC8 - #FFDFD2

HSV Blend

#CCCAC8 - #FFDFD2 | 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 #CCCAC8 as 0% and #FFDFD2 as 100%.

0.0%	0.0% #CCCAC8	RGB 204 202 200	#CCCAC8
16.7%	16.7% #D4CFCA	RGB 212 207 202	#D4CFCA
33.3%	33.3% #DDD3CD	RGB 221 211 205	#DDD3CD
50.0%	50.0% #E5D7CF	RGB 229 215 207	#E5D7CF
66.7%	66.7% #EEDBD0	RGB 238 219 208	#EEDBD0
83.3%	83.3% #F6DDD1	RGB 246 221 209	#F6DDD1
100.0%	100.0% #FFDFD2	RGB 255 223 210	#FFDFD2

#CCCAC8 #D4CFCA #DDD3CD #E5D7CF #EEDBD0 #F6DDD1 #FFDFD2

#CCCAC8 - #E5D7CF - #FFDFD2

CSS codes

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

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