#CECDF5 - #D5E3ED | 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 #CECDF5 to #D5E3ED

#CECDF5 #D5E3ED

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

#CECDF5 - #D5E3ED | 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 #CECDF5 as 0% and #D5E3ED as 100%.

0.0%	0.0% #CECDF5	RGB 206 205 245	#CECDF5
16.7%	16.7% #CFD0F3	RGB 207 208 243	#CFD0F3
33.3%	33.3% #D0D4F2	RGB 208 212 242	#D0D4F2
50.0%	50.0% #D1D8F1	RGB 209 216 241	#D1D8F1
66.7%	66.7% #D2DBEF	RGB 210 219 239	#D2DBEF
83.3%	83.3% #D3DFEE	RGB 211 223 238	#D3DFEE
100.0%	100.0% #D5E3ED	RGB 213 227 237	#D5E3ED

#CECDF5 #CFD0F3 #D0D4F2 #D1D8F1 #D2DBEF #D3DFEE #D5E3ED

#CECDF5 - #D5E3ED

HSV Blend

#CECDF5 - #D5E3ED | 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 #CECDF5 as 0% and #D5E3ED as 100%.

0.0%	0.0% #CECDF5	RGB 206 205 245	#CECDF5
16.7%	16.7% #CED1F3	RGB 206 209 243	#CED1F3
33.3%	33.3% #CFD5F2	RGB 207 213 242	#CFD5F2
50.0%	50.0% #D1DAF1	RGB 209 218 241	#D1DAF1
66.7%	66.7% #D2DDEF	RGB 210 221 239	#D2DDEF
83.3%	83.3% #D3E0EE	RGB 211 224 238	#D3E0EE
100.0%	100.0% #D5E3ED	RGB 213 227 237	#D5E3ED

#CECDF5 #CED1F3 #CFD5F2 #D1DAF1 #D2DDEF #D3E0EE #D5E3ED

#CECDF5 - #D1DAF1 - #D5E3ED

CSS codes

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

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