#D1EDED - #CBE8D9 | 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 #D1EDED to #CBE8D9

#D1EDED #CBE8D9

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

#D1EDED - #CBE8D9 | 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 #D1EDED as 0% and #CBE8D9 as 100%.

0.0%	0.0% #D1EDED	RGB 209 237 237	#D1EDED
16.7%	16.7% #D0ECE9	RGB 208 236 233	#D0ECE9
33.3%	33.3% #CFEBE6	RGB 207 235 230	#CFEBE6
50.0%	50.0% #CEEAE3	RGB 206 234 227	#CEEAE3
66.7%	66.7% #CDE9DF	RGB 205 233 223	#CDE9DF
83.3%	83.3% #CCE8DC	RGB 204 232 220	#CCE8DC
100.0%	100.0% #CBE8D9	RGB 203 232 217	#CBE8D9

#D1EDED #D0ECE9 #CFEBE6 #CEEAE3 #CDE9DF #CCE8DC #CBE8D9

#D1EDED - #CBE8D9

HSV Blend

#D1EDED - #CBE8D9 | 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 #D1EDED as 0% and #CBE8D9 as 100%.

0.0%	0.0% #D1EDED	RGB 209 237 237	#D1EDED
16.7%	16.7% #CFECE9	RGB 207 236 233	#CFECE9
33.3%	33.3% #CEEBE6	RGB 206 235 230	#CEEBE6
50.0%	50.0% #CDEAE3	RGB 205 234 227	#CDEAE3
66.7%	66.7% #CCE9DF	RGB 204 233 223	#CCE9DF
83.3%	83.3% #CBE8DC	RGB 203 232 220	#CBE8DC
100.0%	100.0% #CBE8D9	RGB 203 232 217	#CBE8D9

#D1EDED #CFECE9 #CEEBE6 #CDEAE3 #CCE9DF #CBE8DC #CBE8D9

#D1EDED - #CDEAE3 - #CBE8D9

CSS codes

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

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