#CFE8EC - #D9E7DB | 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 #CFE8EC to #D9E7DB

#CFE8EC #D9E7DB

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

#CFE8EC - #D9E7DB | 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 #CFE8EC as 0% and #D9E7DB as 100%.

0.0%	0.0% #CFE8EC	RGB 207 232 236	#CFE8EC
16.7%	16.7% #D0E7E9	RGB 208 231 233	#D0E7E9
33.3%	33.3% #D2E7E6	RGB 210 231 230	#D2E7E6
50.0%	50.0% #D4E7E3	RGB 212 231 227	#D4E7E3
66.7%	66.7% #D5E7E0	RGB 213 231 224	#D5E7E0
83.3%	83.3% #D7E7DD	RGB 215 231 221	#D7E7DD
100.0%	100.0% #D9E7DB	RGB 217 231 219	#D9E7DB

#CFE8EC #D0E7E9 #D2E7E6 #D4E7E3 #D5E7E0 #D7E7DD #D9E7DB

#CFE8EC - #D9E7DB

HSV Blend

#CFE8EC - #D9E7DB | 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 #CFE8EC as 0% and #D9E7DB as 100%.

0.0%	0.0% #CFE8EC	RGB 207 232 236	#CFE8EC
16.7%	16.7% #D0EBEA	RGB 208 235 234	#D0EBEA
33.3%	33.3% #D2EAE5	RGB 210 234 229	#D2EAE5
50.0%	50.0% #D4E9E1	RGB 212 233 225	#D4E9E1
66.7%	66.7% #D5E8DE	RGB 213 232 222	#D5E8DE
83.3%	83.3% #D7E7DC	RGB 215 231 220	#D7E7DC
100.0%	100.0% #D9E7DB	RGB 217 231 219	#D9E7DB

#CFE8EC #D0EBEA #D2EAE5 #D4E9E1 #D5E8DE #D7E7DC #D9E7DB

#CFE8EC - #D4E9E1 - #D9E7DB

CSS codes

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

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