#CECDF9 - #D1DAE6 | 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 #CECDF9 to #D1DAE6

#CECDF9 #D1DAE6

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

#CECDF9 - #D1DAE6 | 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 #CECDF9 as 0% and #D1DAE6 as 100%.

0.0%	0.0% #CECDF9	RGB 206 205 249	#CECDF9
16.7%	16.7% #CECFF5	RGB 206 207 245	#CECFF5
33.3%	33.3% #CFD1F2	RGB 207 209 242	#CFD1F2
50.0%	50.0% #CFD3EF	RGB 207 211 239	#CFD3EF
66.7%	66.7% #D0D5EC	RGB 208 213 236	#D0D5EC
83.3%	83.3% #D0D7E9	RGB 208 215 233	#D0D7E9
100.0%	100.0% #D1DAE6	RGB 209 218 230	#D1DAE6

#CECDF9 #CECFF5 #CFD1F2 #CFD3EF #D0D5EC #D0D7E9 #D1DAE6

#CECDF9 - #D1DAE6

HSV Blend

#CECDF9 - #D1DAE6 | 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 #CECDF9 as 0% and #D1DAE6 as 100%.

0.0%	0.0% #CECDF9	RGB 206 205 249	#CECDF9
16.7%	16.7% #CDCFF5	RGB 205 207 245	#CDCFF5
33.3%	33.3% #CED3F2	RGB 206 211 242	#CED3F2
50.0%	50.0% #CFD5EF	RGB 207 213 239	#CFD5EF
66.7%	66.7% #D0D7EC	RGB 208 215 236	#D0D7EC
83.3%	83.3% #D0D9E9	RGB 208 217 233	#D0D9E9
100.0%	100.0% #D1DAE6	RGB 209 218 230	#D1DAE6

#CECDF9 #CDCFF5 #CED3F2 #CFD5EF #D0D7EC #D0D9E9 #D1DAE6

#CECDF9 - #CFD5EF - #D1DAE6

CSS codes

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

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