#CED6D3 - #DFECFF | 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 #CED6D3 to #DFECFF

#CED6D3 #DFECFF

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

#CED6D3 - #DFECFF | 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 #CED6D3 as 0% and #DFECFF as 100%.

0.0%	0.0% #CED6D3	RGB 206 214 211	#CED6D3
16.7%	16.7% #D0D9DA	RGB 208 217 218	#D0D9DA
33.3%	33.3% #D3DDE1	RGB 211 221 225	#D3DDE1
50.0%	50.0% #D6E1E9	RGB 214 225 233	#D6E1E9
66.7%	66.7% #D9E4F0	RGB 217 228 240	#D9E4F0
83.3%	83.3% #DCE8F7	RGB 220 232 247	#DCE8F7
100.0%	100.0% #DFECFF	RGB 223 236 255	#DFECFF

#CED6D3 #D0D9DA #D3DDE1 #D6E1E9 #D9E4F0 #DCE8F7 #DFECFF

#CED6D3 - #DFECFF

HSV Blend

#CED6D3 - #DFECFF | 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 #CED6D3 as 0% and #DFECFF as 100%.

0.0%	0.0% #CED6D3	RGB 206 214 211	#CED6D3
16.7%	16.7% #D1DCDA	RGB 209 220 218	#D1DCDA
33.3%	33.3% #D4E3E2	RGB 212 227 226	#D4E3E2
50.0%	50.0% #D7E8EA	RGB 215 232 234	#D7E8EA
66.7%	66.7% #DAEBF1	RGB 218 235 241	#DAEBF1
83.3%	83.3% #DCECF8	RGB 220 236 248	#DCECF8
100.0%	100.0% #DFECFF	RGB 223 236 255	#DFECFF

#CED6D3 #D1DCDA #D4E3E2 #D7E8EA #DAEBF1 #DCECF8 #DFECFF

#CED6D3 - #D7E8EA - #DFECFF

CSS codes

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

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