#DCDDDD - #C3E9D5 | 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 #DCDDDD to #C3E9D5

#DCDDDD #C3E9D5

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

#DCDDDD - #C3E9D5 | 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 #DCDDDD as 0% and #C3E9D5 as 100%.

0.0%	0.0% #DCDDDD	RGB 220 221 221	#DCDDDD
16.7%	16.7% #D7DFDB	RGB 215 223 219	#D7DFDB
33.3%	33.3% #D3E1DA	RGB 211 225 218	#D3E1DA
50.0%	50.0% #CFE3D9	RGB 207 227 217	#CFE3D9
66.7%	66.7% #CBE5D7	RGB 203 229 215	#CBE5D7
83.3%	83.3% #C7E7D6	RGB 199 231 214	#C7E7D6
100.0%	100.0% #C3E9D5	RGB 195 233 213	#C3E9D5

#DCDDDD #D7DFDB #D3E1DA #CFE3D9 #CBE5D7 #C7E7D6 #C3E9D5

#DCDDDD - #C3E9D5

HSV Blend

#DCDDDD - #C3E9D5 | 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 #DCDDDD as 0% and #C3E9D5 as 100%.

0.0%	0.0% #DCDDDD	RGB 220 221 221	#DCDDDD
16.7%	16.7% #D8DFDE	RGB 216 223 222	#D8DFDE
33.3%	33.3% #D4E1DE	RGB 212 225 222	#D4E1DE
50.0%	50.0% #CFE3DD	RGB 207 227 221	#CFE3DD
66.7%	66.7% #CBE5DC	RGB 203 229 220	#CBE5DC
83.3%	83.3% #C7E7D9	RGB 199 231 217	#C7E7D9
100.0%	100.0% #C3E9D5	RGB 195 233 213	#C3E9D5

#DCDDDD #D8DFDE #D4E1DE #CFE3DD #CBE5DC #C7E7D9 #C3E9D5

#DCDDDD - #CFE3DD - #C3E9D5

CSS codes

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

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