#CCC4C9 - #FFF8C0 | 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 #CCC4C9 to #FFF8C0

#CCC4C9 #FFF8C0

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

#CCC4C9 - #FFF8C0 | 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 #CCC4C9 as 0% and #FFF8C0 as 100%.

0.0%	0.0% #CCC4C9	RGB 204 196 201	#CCC4C9
16.7%	16.7% #D4CCC7	RGB 212 204 199	#D4CCC7
33.3%	33.3% #DDD5C6	RGB 221 213 198	#DDD5C6
50.0%	50.0% #E5DEC4	RGB 229 222 196	#E5DEC4
66.7%	66.7% #EEE6C3	RGB 238 230 195	#EEE6C3
83.3%	83.3% #F6EFC1	RGB 246 239 193	#F6EFC1
100.0%	100.0% #FFF8C0	RGB 255 248 192	#FFF8C0

#CCC4C9 #D4CCC7 #DDD5C6 #E5DEC4 #EEE6C3 #F6EFC1 #FFF8C0

#CCC4C9 - #FFF8C0

HSV Blend

#CCC4C9 - #FFF8C0 | 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 #CCC4C9 as 0% and #FFF8C0 as 100%.

0.0%	0.0% #CCC4C9	RGB 204 196 201	#CCC4C9
16.7%	16.7% #D4C4CA	RGB 212 196 202	#D4C4CA
33.3%	33.3% #DDC5C7	RGB 221 197 199	#DDC5C7
50.0%	50.0% #E5C8C4	RGB 229 200 196	#E5C8C4
66.7%	66.7% #EED3C3	RGB 238 211 195	#EED3C3
83.3%	83.3% #F6E3C2	RGB 246 227 194	#F6E3C2
100.0%	100.0% #FFF8C0	RGB 255 248 192	#FFF8C0

#CCC4C9 #D4C4CA #DDC5C7 #E5C8C4 #EED3C3 #F6E3C2 #FFF8C0

#CCC4C9 - #E5C8C4 - #FFF8C0

CSS codes

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

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