#D5E2DF - #C9E9D7 | 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 #D5E2DF to #C9E9D7

#D5E2DF #C9E9D7

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

#D5E2DF - #C9E9D7 | 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 #D5E2DF as 0% and #C9E9D7 as 100%.

0.0%	0.0% #D5E2DF	RGB 213 226 223	#D5E2DF
16.7%	16.7% #D3E3DD	RGB 211 227 221	#D3E3DD
33.3%	33.3% #D1E4DC	RGB 209 228 220	#D1E4DC
50.0%	50.0% #CFE5DB	RGB 207 229 219	#CFE5DB
66.7%	66.7% #CDE6D9	RGB 205 230 217	#CDE6D9
83.3%	83.3% #CBE7D8	RGB 203 231 216	#CBE7D8
100.0%	100.0% #C9E9D7	RGB 201 233 215	#C9E9D7

#D5E2DF #D3E3DD #D1E4DC #CFE5DB #CDE6D9 #CBE7D8 #C9E9D7

#D5E2DF - #C9E9D7

HSV Blend

#D5E2DF - #C9E9D7 | 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 #D5E2DF as 0% and #C9E9D7 as 100%.

0.0%	0.0% #D5E2DF	RGB 213 226 223	#D5E2DF
16.7%	16.7% #D3E3DE	RGB 211 227 222	#D3E3DE
33.3%	33.3% #D1E4DD	RGB 209 228 221	#D1E4DD
50.0%	50.0% #CFE5DC	RGB 207 229 220	#CFE5DC
66.7%	66.7% #CDE6DB	RGB 205 230 219	#CDE6DB
83.3%	83.3% #CBE7D9	RGB 203 231 217	#CBE7D9
100.0%	100.0% #C9E9D7	RGB 201 233 215	#C9E9D7

#D5E2DF #D3E3DE #D1E4DD #CFE5DC #CDE6DB #CBE7D9 #C9E9D7

#D5E2DF - #CFE5DC - #C9E9D7

CSS codes

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

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