#CDD5D9 - #E2ECFF | 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 #CDD5D9 to #E2ECFF

#CDD5D9 #E2ECFF

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

#CDD5D9 - #E2ECFF | 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 #CDD5D9 as 0% and #E2ECFF as 100%.

0.0%	0.0% #CDD5D9	RGB 205 213 217	#CDD5D9
16.7%	16.7% #D0D8DF	RGB 208 216 223	#D0D8DF
33.3%	33.3% #D4DCE5	RGB 212 220 229	#D4DCE5
50.0%	50.0% #D7E0EC	RGB 215 224 236	#D7E0EC
66.7%	66.7% #DBE4F2	RGB 219 228 242	#DBE4F2
83.3%	83.3% #DEE8F8	RGB 222 232 248	#DEE8F8
100.0%	100.0% #E2ECFF	RGB 226 236 255	#E2ECFF

#CDD5D9 #D0D8DF #D4DCE5 #D7E0EC #DBE4F2 #DEE8F8 #E2ECFF

#CDD5D9 - #E2ECFF

HSV Blend

#CDD5D9 - #E2ECFF | 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 #CDD5D9 as 0% and #E2ECFF as 100%.

0.0%	0.0% #CDD5D9	RGB 205 213 217	#CDD5D9
16.7%	16.7% #D0D9DF	RGB 208 217 223	#D0D9DF
33.3%	33.3% #D4DEE5	RGB 212 222 229	#D4DEE5
50.0%	50.0% #D8E2EC	RGB 216 226 236	#D8E2EC
66.7%	66.7% #DBE5F2	RGB 219 229 242	#DBE5F2
83.3%	83.3% #DEE9F8	RGB 222 233 248	#DEE9F8
100.0%	100.0% #E2ECFF	RGB 226 236 255	#E2ECFF

#CDD5D9 #D0D9DF #D4DEE5 #D8E2EC #DBE5F2 #DEE9F8 #E2ECFF

#CDD5D9 - #D8E2EC - #E2ECFF

CSS codes

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

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