#CEDBDA - #E2EEF5 | 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 #CEDBDA to #E2EEF5

#CEDBDA #E2EEF5

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

#CEDBDA - #E2EEF5 | 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 #CEDBDA as 0% and #E2EEF5 as 100%.

0.0%	0.0% #CEDBDA	RGB 206 219 218	#CEDBDA
16.7%	16.7% #D1DEDE	RGB 209 222 222	#D1DEDE
33.3%	33.3% #D4E1E3	RGB 212 225 227	#D4E1E3
50.0%	50.0% #D8E4E7	RGB 216 228 231	#D8E4E7
66.7%	66.7% #DBE7EC	RGB 219 231 236	#DBE7EC
83.3%	83.3% #DEEAF0	RGB 222 234 240	#DEEAF0
100.0%	100.0% #E2EEF5	RGB 226 238 245	#E2EEF5

#CEDBDA #D1DEDE #D4E1E3 #D8E4E7 #DBE7EC #DEEAF0 #E2EEF5

#CEDBDA - #E2EEF5

HSV Blend

#CEDBDA - #E2EEF5 | 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 #CEDBDA as 0% and #E2EEF5 as 100%.

0.0%	0.0% #CEDBDA	RGB 206 219 218	#CEDBDA
16.7%	16.7% #D1DFDF	RGB 209 223 223	#D1DFDF
33.3%	33.3% #D4E2E3	RGB 212 226 227	#D4E2E3
50.0%	50.0% #D8E5E8	RGB 216 229 232	#D8E5E8
66.7%	66.7% #DBE8EC	RGB 219 232 236	#DBE8EC
83.3%	83.3% #DEEBF0	RGB 222 235 240	#DEEBF0
100.0%	100.0% #E2EEF5	RGB 226 238 245	#E2EEF5

#CEDBDA #D1DFDF #D4E2E3 #D8E5E8 #DBE8EC #DEEBF0 #E2EEF5

#CEDBDA - #D8E5E8 - #E2EEF5

CSS codes

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

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