#DCDFE2 - #DFEDF1 | 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 #DCDFE2 to #DFEDF1

#DCDFE2 #DFEDF1

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

#DCDFE2 - #DFEDF1 | 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 #DCDFE2 as 0% and #DFEDF1 as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #DCE1E4	RGB 220 225 228	#DCE1E4
33.3%	33.3% #DDE3E7	RGB 221 227 231	#DDE3E7
50.0%	50.0% #DDE6E9	RGB 221 230 233	#DDE6E9
66.7%	66.7% #DEE8EC	RGB 222 232 236	#DEE8EC
83.3%	83.3% #DEEAEE	RGB 222 234 238	#DEEAEE
100.0%	100.0% #DFEDF1	RGB 223 237 241	#DFEDF1

#DCDFE2 #DCE1E4 #DDE3E7 #DDE6E9 #DEE8EC #DEEAEE #DFEDF1

#DCDFE2 - #DFEDF1

HSV Blend

#DCDFE2 - #DFEDF1 | 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 #DCDFE2 as 0% and #DFEDF1 as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #DCE0E4	RGB 220 224 228	#DCE0E4
33.3%	33.3% #DDE2E7	RGB 221 226 231	#DDE2E7
50.0%	50.0% #DDE5E9	RGB 221 229 233	#DDE5E9
66.7%	66.7% #DEE7EC	RGB 222 231 236	#DEE7EC
83.3%	83.3% #DEEAEE	RGB 222 234 238	#DEEAEE
100.0%	100.0% #DFEDF1	RGB 223 237 241	#DFEDF1

#DCDFE2 #DCE0E4 #DDE2E7 #DDE5E9 #DEE7EC #DEEAEE #DFEDF1

#DCDFE2 - #DDE5E9 - #DFEDF1

CSS codes

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

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