#DBE1DF - #C8EBDA | 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 #DBE1DF to #C8EBDA

#DBE1DF #C8EBDA

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

#DBE1DF - #C8EBDA | 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 #DBE1DF as 0% and #C8EBDA as 100%.

0.0%	0.0% #DBE1DF	RGB 219 225 223	#DBE1DF
16.7%	16.7% #D7E2DE	RGB 215 226 222	#D7E2DE
33.3%	33.3% #D4E4DD	RGB 212 228 221	#D4E4DD
50.0%	50.0% #D1E6DC	RGB 209 230 220	#D1E6DC
66.7%	66.7% #CEE7DB	RGB 206 231 219	#CEE7DB
83.3%	83.3% #CBE9DA	RGB 203 233 218	#CBE9DA
100.0%	100.0% #C8EBDA	RGB 200 235 218	#C8EBDA

#DBE1DF #D7E2DE #D4E4DD #D1E6DC #CEE7DB #CBE9DA #C8EBDA

#DBE1DF - #C8EBDA

HSV Blend

#DBE1DF - #C8EBDA | 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 #DBE1DF as 0% and #C8EBDA as 100%.

0.0%	0.0% #DBE1DF	RGB 219 225 223	#DBE1DF
16.7%	16.7% #D8E2DE	RGB 216 226 222	#D8E2DE
33.3%	33.3% #D4E4DE	RGB 212 228 222	#D4E4DE
50.0%	50.0% #D1E6DD	RGB 209 230 221	#D1E6DD
66.7%	66.7% #CEE7DC	RGB 206 231 220	#CEE7DC
83.3%	83.3% #CBE9DB	RGB 203 233 219	#CBE9DB
100.0%	100.0% #C8EBDA	RGB 200 235 218	#C8EBDA

#DBE1DF #D8E2DE #D4E4DE #D1E6DD #CEE7DC #CBE9DB #C8EBDA

#DBE1DF - #D1E6DD - #C8EBDA

CSS codes

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

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