#DAD3CF - #DBDBE3 | 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 #DAD3CF to #DBDBE3

#DAD3CF #DBDBE3

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

#DAD3CF - #DBDBE3 | 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 #DAD3CF as 0% and #DBDBE3 as 100%.

0.0%	0.0% #DAD3CF	RGB 218 211 207	#DAD3CF
16.7%	16.7% #DAD4D2	RGB 218 212 210	#DAD4D2
33.3%	33.3% #DAD5D5	RGB 218 213 213	#DAD5D5
50.0%	50.0% #DAD7D9	RGB 218 215 217	#DAD7D9
66.7%	66.7% #DAD8DC	RGB 218 216 220	#DAD8DC
83.3%	83.3% #DAD9DF	RGB 218 217 223	#DAD9DF
100.0%	100.0% #DBDBE3	RGB 219 219 227	#DBDBE3

#DAD3CF #DAD4D2 #DAD5D5 #DAD7D9 #DAD8DC #DAD9DF #DBDBE3

#DAD3CF - #DBDBE3

HSV Blend

#DAD3CF - #DBDBE3 | 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 #DAD3CF as 0% and #DBDBE3 as 100%.

0.0%	0.0% #DAD3CF	RGB 218 211 207	#DAD3CF
16.7%	16.7% #DBD0D1	RGB 219 208 209	#DBD0D1
33.3%	33.3% #DDD2D7	RGB 221 210 215	#DDD2D7
50.0%	50.0% #DED4DC	RGB 222 212 220	#DED4DC
66.7%	66.7% #DED6E0	RGB 222 214 224	#DED6E0
83.3%	83.3% #DCD8E1	RGB 220 216 225	#DCD8E1
100.0%	100.0% #DBDBE3	RGB 219 219 227	#DBDBE3

#DAD3CF #DBD0D1 #DDD2D7 #DED4DC #DED6E0 #DCD8E1 #DBDBE3

#DAD3CF - #DED4DC - #DBDBE3

CSS codes

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

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