#DCDFDD - #C9EEDE | 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 #DCDFDD to #C9EEDE

#DCDFDD #C9EEDE

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

#DCDFDD - #C9EEDE | 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 #DCDFDD as 0% and #C9EEDE as 100%.

0.0%	0.0% #DCDFDD	RGB 220 223 221	#DCDFDD
16.7%	16.7% #D8E1DD	RGB 216 225 221	#D8E1DD
33.3%	33.3% #D5E4DD	RGB 213 228 221	#D5E4DD
50.0%	50.0% #D2E6DD	RGB 210 230 221	#D2E6DD
66.7%	66.7% #CFE9DD	RGB 207 233 221	#CFE9DD
83.3%	83.3% #CCEBDD	RGB 204 235 221	#CCEBDD
100.0%	100.0% #C9EEDE	RGB 201 238 222	#C9EEDE

#DCDFDD #D8E1DD #D5E4DD #D2E6DD #CFE9DD #CCEBDD #C9EEDE

#DCDFDD - #C9EEDE

HSV Blend

#DCDFDD - #C9EEDE | 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 #DCDFDD as 0% and #C9EEDE as 100%.

0.0%	0.0% #DCDFDD	RGB 220 223 221	#DCDFDD
16.7%	16.7% #D9E1DC	RGB 217 225 220	#D9E1DC
33.3%	33.3% #D6E4DB	RGB 214 228 219	#D6E4DB
50.0%	50.0% #D3E6DB	RGB 211 230 219	#D3E6DB
66.7%	66.7% #CFE9DC	RGB 207 233 220	#CFE9DC
83.3%	83.3% #CCEBDC	RGB 204 235 220	#CCEBDC
100.0%	100.0% #C9EEDE	RGB 201 238 222	#C9EEDE

#DCDFDD #D9E1DC #D6E4DB #D3E6DB #CFE9DC #CCEBDC #C9EEDE

#DCDFDD - #D3E6DB - #C9EEDE

CSS codes

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

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