#CFCCDA - #DCE3DC | 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 #CFCCDA to #DCE3DC

#CFCCDA #DCE3DC

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

#CFCCDA - #DCE3DC | 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 #CFCCDA as 0% and #DCE3DC as 100%.

0.0%	0.0% #CFCCDA	RGB 207 204 218	#CFCCDA
16.7%	16.7% #D1CFDA	RGB 209 207 218	#D1CFDA
33.3%	33.3% #D3D3DA	RGB 211 211 218	#D3D3DA
50.0%	50.0% #D5D7DB	RGB 213 215 219	#D5D7DB
66.7%	66.7% #D7DBDB	RGB 215 219 219	#D7DBDB
83.3%	83.3% #D9DFDB	RGB 217 223 219	#D9DFDB
100.0%	100.0% #DCE3DC	RGB 220 227 220	#DCE3DC

#CFCCDA #D1CFDA #D3D3DA #D5D7DB #D7DBDB #D9DFDB #DCE3DC

#CFCCDA - #DCE3DC

HSV Blend

#CFCCDA - #DCE3DC | 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 #CFCCDA as 0% and #DCE3DC as 100%.

0.0%	0.0% #CFCCDA	RGB 207 204 218	#CFCCDA
16.7%	16.7% #CED0DB	RGB 206 208 219	#CED0DB
33.3%	33.3% #D1D7DD	RGB 209 215 221	#D1D7DD
50.0%	50.0% #D3DDDE	RGB 211 221 222	#D3DDDE
66.7%	66.7% #D6E0DD	RGB 214 224 221	#D6E0DD
83.3%	83.3% #D9E1DC	RGB 217 225 220	#D9E1DC
100.0%	100.0% #DCE3DC	RGB 220 227 220	#DCE3DC

#CFCCDA #CED0DB #D1D7DD #D3DDDE #D6E0DD #D9E1DC #DCE3DC

#CFCCDA - #D3DDDE - #DCE3DC

CSS codes

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

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