#CCC5C9 - #FFF0DA | 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 #CCC5C9 to #FFF0DA

#CCC5C9 #FFF0DA

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

#CCC5C9 - #FFF0DA | 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 #CCC5C9 as 0% and #FFF0DA as 100%.

0.0%	0.0% #CCC5C9	RGB 204 197 201	#CCC5C9
16.7%	16.7% #D4CCCB	RGB 212 204 203	#D4CCCB
33.3%	33.3% #DDD3CE	RGB 221 211 206	#DDD3CE
50.0%	50.0% #E5DAD1	RGB 229 218 209	#E5DAD1
66.7%	66.7% #EEE1D4	RGB 238 225 212	#EEE1D4
83.3%	83.3% #F6E8D7	RGB 246 232 215	#F6E8D7
100.0%	100.0% #FFF0DA	RGB 255 240 218	#FFF0DA

#CCC5C9 #D4CCCB #DDD3CE #E5DAD1 #EEE1D4 #F6E8D7 #FFF0DA

#CCC5C9 - #FFF0DA

HSV Blend

#CCC5C9 - #FFF0DA | 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 #CCC5C9 as 0% and #FFF0DA as 100%.

0.0%	0.0% #CCC5C9	RGB 204 197 201	#CCC5C9
16.7%	16.7% #D4C9CD	RGB 212 201 205	#D4C9CD
33.3%	33.3% #DDCDD0	RGB 221 205 208	#DDCDD0
50.0%	50.0% #E5D1D0	RGB 229 209 208	#E5D1D0
66.7%	66.7% #EED9D4	RGB 238 217 212	#EED9D4
83.3%	83.3% #F6E3D7	RGB 246 227 215	#F6E3D7
100.0%	100.0% #FFF0DA	RGB 255 240 218	#FFF0DA

#CCC5C9 #D4C9CD #DDCDD0 #E5D1D0 #EED9D4 #F6E3D7 #FFF0DA

#CCC5C9 - #E5D1D0 - #FFF0DA

CSS codes

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

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