#CEDBDD - #D4EEDB | 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 #CEDBDD to #D4EEDB

#CEDBDD #D4EEDB

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

#CEDBDD - #D4EEDB | 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 #CEDBDD as 0% and #D4EEDB as 100%.

0.0%	0.0% #CEDBDD	RGB 206 219 221	#CEDBDD
16.7%	16.7% #CFDEDC	RGB 207 222 220	#CFDEDC
33.3%	33.3% #D0E1DC	RGB 208 225 220	#D0E1DC
50.0%	50.0% #D1E4DC	RGB 209 228 220	#D1E4DC
66.7%	66.7% #D2E7DB	RGB 210 231 219	#D2E7DB
83.3%	83.3% #D3EADB	RGB 211 234 219	#D3EADB
100.0%	100.0% #D4EEDB	RGB 212 238 219	#D4EEDB

#CEDBDD #CFDEDC #D0E1DC #D1E4DC #D2E7DB #D3EADB #D4EEDB

#CEDBDD - #D4EEDB

HSV Blend

#CEDBDD - #D4EEDB | 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 #CEDBDD as 0% and #D4EEDB as 100%.

0.0%	0.0% #CEDBDD	RGB 206 219 221	#CEDBDD
16.7%	16.7% #CFDFDF	RGB 207 223 223	#CFDFDF
33.3%	33.3% #D0E2DF	RGB 208 226 223	#D0E2DF
50.0%	50.0% #D1E5DF	RGB 209 229 223	#D1E5DF
66.7%	66.7% #D2E8DE	RGB 210 232 222	#D2E8DE
83.3%	83.3% #D3EBDD	RGB 211 235 221	#D3EBDD
100.0%	100.0% #D4EEDB	RGB 212 238 219	#D4EEDB

#CEDBDD #CFDFDF #D0E2DF #D1E5DF #D2E8DE #D3EBDD #D4EEDB

#CEDBDD - #D1E5DF - #D4EEDB

CSS codes

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

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