#CCC8D0 - #FFEAC9 | 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 #CCC8D0 to #FFEAC9

#CCC8D0 #FFEAC9

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

#CCC8D0 - #FFEAC9 | 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 #CCC8D0 as 0% and #FFEAC9 as 100%.

0.0%	0.0% #CCC8D0	RGB 204 200 208	#CCC8D0
16.7%	16.7% #D4CDCE	RGB 212 205 206	#D4CDCE
33.3%	33.3% #DDD3CD	RGB 221 211 205	#DDD3CD
50.0%	50.0% #E5D9CC	RGB 229 217 204	#E5D9CC
66.7%	66.7% #EEDECB	RGB 238 222 203	#EEDECB
83.3%	83.3% #F6E4CA	RGB 246 228 202	#F6E4CA
100.0%	100.0% #FFEAC9	RGB 255 234 201	#FFEAC9

#CCC8D0 #D4CDCE #DDD3CD #E5D9CC #EEDECB #F6E4CA #FFEAC9

#CCC8D0 - #FFEAC9

HSV Blend

#CCC8D0 - #FFEAC9 | 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 #CCC8D0 as 0% and #FFEAC9 as 100%.

0.0%	0.0% #CCC8D0	RGB 204 200 208	#CCC8D0
16.7%	16.7% #D5C9D7	RGB 213 201 215	#D5C9D7
33.3%	33.3% #DFCADB	RGB 223 202 219	#DFCADB
50.0%	50.0% #E7CAD7	RGB 231 202 215	#E7CAD7
66.7%	66.7% #EFCACD	RGB 239 202 205	#EFCACD
83.3%	83.3% #F7D5C9	RGB 247 213 201	#F7D5C9
100.0%	100.0% #FFEAC9	RGB 255 234 201	#FFEAC9

#CCC8D0 #D5C9D7 #DFCADB #E7CAD7 #EFCACD #F7D5C9 #FFEAC9

#CCC8D0 - #E7CAD7 - #FFEAC9

CSS codes

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

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