#DBDAD6 - #DFDDE5 | 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 #DBDAD6 to #DFDDE5

#DBDAD6 #DFDDE5

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

#DBDAD6 - #DFDDE5 | 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 #DBDAD6 as 0% and #DFDDE5 as 100%.

0.0%	0.0% #DBDAD6	RGB 219 218 214	#DBDAD6
16.7%	16.7% #DBDAD8	RGB 219 218 216	#DBDAD8
33.3%	33.3% #DCDBDB	RGB 220 219 219	#DCDBDB
50.0%	50.0% #DDDBDD	RGB 221 219 221	#DDDBDD
66.7%	66.7% #DDDCE0	RGB 221 220 224	#DDDCE0
83.3%	83.3% #DEDCE2	RGB 222 220 226	#DEDCE2
100.0%	100.0% #DFDDE5	RGB 223 221 229	#DFDDE5

#DBDAD6 #DBDAD8 #DCDBDB #DDDBDD #DDDCE0 #DEDCE2 #DFDDE5

#DBDAD6 - #DFDDE5

HSV Blend

#DBDAD6 - #DFDDE5 | 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 #DBDAD6 as 0% and #DFDDE5 as 100%.

0.0%	0.0% #DBDAD6	RGB 219 218 214	#DBDAD6
16.7%	16.7% #DCD9D7	RGB 220 217 215	#DCD9D7
33.3%	33.3% #DED8D8	RGB 222 216 216	#DED8D8
50.0%	50.0% #E0D9DC	RGB 224 217 220	#E0D9DC
66.7%	66.7% #E1DAE0	RGB 225 218 224	#E1DAE0
83.3%	83.3% #E0DBE3	RGB 224 219 227	#E0DBE3
100.0%	100.0% #DFDDE5	RGB 223 221 229	#DFDDE5

#DBDAD6 #DCD9D7 #DED8D8 #E0D9DC #E1DAE0 #E0DBE3 #DFDDE5

#DBDAD6 - #E0D9DC - #DFDDE5

CSS codes

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

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