#CDDFE2 - #ECEAEA | 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 #CDDFE2 to #ECEAEA

#CDDFE2 #ECEAEA

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

#CDDFE2 - #ECEAEA | 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 #CDDFE2 as 0% and #ECEAEA as 100%.

0.0%	0.0% #CDDFE2	RGB 205 223 226	#CDDFE2
16.7%	16.7% #D2E0E3	RGB 210 224 227	#D2E0E3
33.3%	33.3% #D7E2E4	RGB 215 226 228	#D7E2E4
50.0%	50.0% #DCE4E6	RGB 220 228 230	#DCE4E6
66.7%	66.7% #E1E6E7	RGB 225 230 231	#E1E6E7
83.3%	83.3% #E6E8E8	RGB 230 232 232	#E6E8E8
100.0%	100.0% #ECEAEA	RGB 236 234 234	#ECEAEA

#CDDFE2 #D2E0E3 #D7E2E4 #DCE4E6 #E1E6E7 #E6E8E8 #ECEAEA

#CDDFE2 - #ECEAEA

HSV Blend

#CDDFE2 - #ECEAEA | 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 #CDDFE2 as 0% and #ECEAEA as 100%.

0.0%	0.0% #CDDFE2	RGB 205 223 226	#CDDFE2
16.7%	16.7% #D1D8E3	RGB 209 216 227	#D1D8E3
33.3%	33.3% #D7D6E5	RGB 215 214 229	#D7D6E5
50.0%	50.0% #E1DBE7	RGB 225 219 231	#E1DBE7
66.7%	66.7% #E8E0E8	RGB 232 224 232	#E8E0E8
83.3%	83.3% #EAE5E7	RGB 234 229 231	#EAE5E7
100.0%	100.0% #ECEAEA	RGB 236 234 234	#ECEAEA

#CDDFE2 #D1D8E3 #D7D6E5 #E1DBE7 #E8E0E8 #EAE5E7 #ECEAEA

#CDDFE2 - #E1DBE7 - #ECEAEA

CSS codes

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

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