#CECAD5 - #DEE5DD | 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 #CECAD5 to #DEE5DD

#CECAD5 #DEE5DD

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

#CECAD5 - #DEE5DD | 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 #CECAD5 as 0% and #DEE5DD as 100%.

0.0%	0.0% #CECAD5	RGB 206 202 213	#CECAD5
16.7%	16.7% #D0CED6	RGB 208 206 214	#D0CED6
33.3%	33.3% #D3D3D7	RGB 211 211 215	#D3D3D7
50.0%	50.0% #D6D7D9	RGB 214 215 217	#D6D7D9
66.7%	66.7% #D8DCDA	RGB 216 220 218	#D8DCDA
83.3%	83.3% #DBE0DB	RGB 219 224 219	#DBE0DB
100.0%	100.0% #DEE5DD	RGB 222 229 221	#DEE5DD

#CECAD5 #D0CED6 #D3D3D7 #D6D7D9 #D8DCDA #DBE0DB #DEE5DD

#CECAD5 - #DEE5DD

HSV Blend

#CECAD5 - #DEE5DD | 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 #CECAD5 as 0% and #DEE5DD as 100%.

0.0%	0.0% #CECAD5	RGB 206 202 213	#CECAD5
16.7%	16.7% #CDCDD7	RGB 205 205 215	#CDCDD7
33.3%	33.3% #D0D4DA	RGB 208 212 218	#D0D4DA
50.0%	50.0% #D3DBDD	RGB 211 219 221	#D3DBDD
66.7%	66.7% #D6DFDC	RGB 214 223 220	#D6DFDC
83.3%	83.3% #D9E2DC	RGB 217 226 220	#D9E2DC
100.0%	100.0% #DEE5DD	RGB 222 229 221	#DEE5DD

#CECAD5 #CDCDD7 #D0D4DA #D3DBDD #D6DFDC #D9E2DC #DEE5DD

#CECAD5 - #D3DBDD - #DEE5DD

CSS codes

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

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