#CDD4F2 - #DCE6EC | 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 #CDD4F2 to #DCE6EC

#CDD4F2 #DCE6EC

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

#CDD4F2 - #DCE6EC | 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 #CDD4F2 as 0% and #DCE6EC as 100%.

0.0%	0.0% #CDD4F2	RGB 205 212 242	#CDD4F2
16.7%	16.7% #CFD7F1	RGB 207 215 241	#CFD7F1
33.3%	33.3% #D2DAF0	RGB 210 218 240	#D2DAF0
50.0%	50.0% #D4DDEF	RGB 212 221 239	#D4DDEF
66.7%	66.7% #D7E0EE	RGB 215 224 238	#D7E0EE
83.3%	83.3% #D9E3ED	RGB 217 227 237	#D9E3ED
100.0%	100.0% #DCE6EC	RGB 220 230 236	#DCE6EC

#CDD4F2 #CFD7F1 #D2DAF0 #D4DDEF #D7E0EE #D9E3ED #DCE6EC

#CDD4F2 - #DCE6EC

HSV Blend

#CDD4F2 - #DCE6EC | 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 #CDD4F2 as 0% and #DCE6EC as 100%.

0.0%	0.0% #CDD4F2	RGB 205 212 242	#CDD4F2
16.7%	16.7% #CFD8F1	RGB 207 216 241	#CFD8F1
33.3%	33.3% #D2DCF0	RGB 210 220 240	#D2DCF0
50.0%	50.0% #D4DFEF	RGB 212 223 239	#D4DFEF
66.7%	66.7% #D7E2EE	RGB 215 226 238	#D7E2EE
83.3%	83.3% #D9E4ED	RGB 217 228 237	#D9E4ED
100.0%	100.0% #DCE6EC	RGB 220 230 236	#DCE6EC

#CDD4F2 #CFD8F1 #D2DCF0 #D4DFEF #D7E2EE #D9E4ED #DCE6EC

#CDD4F2 - #D4DFEF - #DCE6EC

CSS codes

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

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