#CDDADB - #ECEAE7 | 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 #CDDADB to #ECEAE7

#CDDADB #ECEAE7

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

#CDDADB - #ECEAE7 | 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 #CDDADB as 0% and #ECEAE7 as 100%.

0.0%	0.0% #CDDADB	RGB 205 218 219	#CDDADB
16.7%	16.7% #D2DCDD	RGB 210 220 221	#D2DCDD
33.3%	33.3% #D7DFDF	RGB 215 223 223	#D7DFDF
50.0%	50.0% #DCE2E1	RGB 220 226 225	#DCE2E1
66.7%	66.7% #E1E4E3	RGB 225 228 227	#E1E4E3
83.3%	83.3% #E6E7E5	RGB 230 231 229	#E6E7E5
100.0%	100.0% #ECEAE7	RGB 236 234 231	#ECEAE7

#CDDADB #D2DCDD #D7DFDF #DCE2E1 #E1E4E3 #E6E7E5 #ECEAE7

#CDDADB - #ECEAE7

HSV Blend

#CDDADB - #ECEAE7 | 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 #CDDADB as 0% and #ECEAE7 as 100%.

0.0%	0.0% #CDDADB	RGB 205 218 219	#CDDADB
16.7%	16.7% #D1DDD9	RGB 209 221 217	#D1DDD9
33.3%	33.3% #D5E0D8	RGB 213 224 216	#D5E0D8
50.0%	50.0% #DBE3D9	RGB 219 227 217	#DBE3D9
66.7%	66.7% #E2E6DE	RGB 226 230 222	#E2E6DE
83.3%	83.3% #E9E9E2	RGB 233 233 226	#E9E9E2
100.0%	100.0% #ECEAE7	RGB 236 234 231	#ECEAE7

#CDDADB #D1DDD9 #D5E0D8 #DBE3D9 #E2E6DE #E9E9E2 #ECEAE7

#CDDADB - #DBE3D9 - #ECEAE7

CSS codes

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

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