#DBD9DC - #DFE6E1 | 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 #DBD9DC to #DFE6E1

#DBD9DC #DFE6E1

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

#DBD9DC - #DFE6E1 | 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 #DBD9DC as 0% and #DFE6E1 as 100%.

0.0%	0.0% #DBD9DC	RGB 219 217 220	#DBD9DC
16.7%	16.7% #DBDBDC	RGB 219 219 220	#DBDBDC
33.3%	33.3% #DCDDDD	RGB 220 221 221	#DCDDDD
50.0%	50.0% #DDDFDE	RGB 221 223 222	#DDDFDE
66.7%	66.7% #DDE1DF	RGB 221 225 223	#DDE1DF
83.3%	83.3% #DEE3E0	RGB 222 227 224	#DEE3E0
100.0%	100.0% #DFE6E1	RGB 223 230 225	#DFE6E1

#DBD9DC #DBDBDC #DCDDDD #DDDFDE #DDE1DF #DEE3E0 #DFE6E1

#DBD9DC - #DFE6E1

HSV Blend

#DBD9DC - #DFE6E1 | 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 #DBD9DC as 0% and #DFE6E1 as 100%.

0.0%	0.0% #DBD9DC	RGB 219 217 220	#DBD9DC
16.7%	16.7% #DBDADD	RGB 219 218 221	#DBDADD
33.3%	33.3% #DBDBDF	RGB 219 219 223	#DBDBDF
50.0%	50.0% #DCDEE1	RGB 220 222 225	#DCDEE1
66.7%	66.7% #DDE2E2	RGB 221 226 226	#DDE2E2
83.3%	83.3% #DEE4E2	RGB 222 228 226	#DEE4E2
100.0%	100.0% #DFE6E1	RGB 223 230 225	#DFE6E1

#DBD9DC #DBDADD #DBDBDF #DCDEE1 #DDE2E2 #DEE4E2 #DFE6E1

#DBD9DC - #DCDEE1 - #DFE6E1

CSS codes

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

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