#DCDADB - #DFE7E4 | 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 #DCDADB to #DFE7E4

#DCDADB #DFE7E4

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

#DCDADB - #DFE7E4 | 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 #DCDADB as 0% and #DFE7E4 as 100%.

0.0%	0.0% #DCDADB	RGB 220 218 219	#DCDADB
16.7%	16.7% #DCDCDC	RGB 220 220 220	#DCDCDC
33.3%	33.3% #DDDEDE	RGB 221 222 222	#DDDEDE
50.0%	50.0% #DDE0DF	RGB 221 224 223	#DDE0DF
66.7%	66.7% #DEE2E1	RGB 222 226 225	#DEE2E1
83.3%	83.3% #DEE4E2	RGB 222 228 226	#DEE4E2
100.0%	100.0% #DFE7E4	RGB 223 231 228	#DFE7E4

#DCDADB #DCDCDC #DDDEDE #DDE0DF #DEE2E1 #DEE4E2 #DFE7E4

#DCDADB - #DFE7E4

HSV Blend

#DCDADB - #DFE7E4 | 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 #DCDADB as 0% and #DFE7E4 as 100%.

0.0%	0.0% #DCDADB	RGB 220 218 219	#DCDADB
16.7%	16.7% #DDDADD	RGB 221 218 221	#DDDADD
33.3%	33.3% #DDDBDF	RGB 221 219 223	#DDDBDF
50.0%	50.0% #DCDCE1	RGB 220 220 225	#DCDCE1
66.7%	66.7% #DDDFE3	RGB 221 223 227	#DDDFE3
83.3%	83.3% #DEE4E5	RGB 222 228 229	#DEE4E5
100.0%	100.0% #DFE7E4	RGB 223 231 228	#DFE7E4

#DCDADB #DDDADD #DDDBDF #DCDCE1 #DDDFE3 #DEE4E5 #DFE7E4

#DCDADB - #DCDCE1 - #DFE7E4

CSS codes

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

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