#DCDDDB - #FEF2E2 | 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 #DCDDDB to #FEF2E2

#DCDDDB #FEF2E2

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

#DCDDDB - #FEF2E2 | 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 #DCDDDB as 0% and #FEF2E2 as 100%.

0.0%	0.0% #DCDDDB	RGB 220 221 219	#DCDDDB
16.7%	16.7% #E1E0DC	RGB 225 224 220	#E1E0DC
33.3%	33.3% #E7E4DD	RGB 231 228 221	#E7E4DD
50.0%	50.0% #EDE7DE	RGB 237 231 222	#EDE7DE
66.7%	66.7% #F2EBDF	RGB 242 235 223	#F2EBDF
83.3%	83.3% #F8EEE0	RGB 248 238 224	#F8EEE0
100.0%	100.0% #FEF2E2	RGB 254 242 226	#FEF2E2

#DCDDDB #E1E0DC #E7E4DD #EDE7DE #F2EBDF #F8EEE0 #FEF2E2

#DCDDDB - #FEF2E2

HSV Blend

#DCDDDB - #FEF2E2 | 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 #DCDDDB as 0% and #FEF2E2 as 100%.

0.0%	0.0% #DCDDDB	RGB 220 221 219	#DCDDDB
16.7%	16.7% #E0E2DC	RGB 224 226 220	#E0E2DC
33.3%	33.3% #E6E8DE	RGB 230 232 222	#E6E8DE
50.0%	50.0% #ECEDDF	RGB 236 237 223	#ECEDDF
66.7%	66.7% #F3F0E0	RGB 243 240 224	#F3F0E0
83.3%	83.3% #F8F2E1	RGB 248 242 225	#F8F2E1
100.0%	100.0% #FEF2E2	RGB 254 242 226	#FEF2E2

#DCDDDB #E0E2DC #E6E8DE #ECEDDF #F3F0E0 #F8F2E1 #FEF2E2

#DCDDDB - #ECEDDF - #FEF2E2

CSS codes

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

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