#DCD3C8 - #E8CFCF | 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 #DCD3C8 to #E8CFCF

#DCD3C8 #E8CFCF

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

#DCD3C8 - #E8CFCF | 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 #DCD3C8 as 0% and #E8CFCF as 100%.

0.0%	0.0% #DCD3C8	RGB 220 211 200	#DCD3C8
16.7%	16.7% #DED2C9	RGB 222 210 201	#DED2C9
33.3%	33.3% #E0D1CA	RGB 224 209 202	#E0D1CA
50.0%	50.0% #E2D1CB	RGB 226 209 203	#E2D1CB
66.7%	66.7% #E4D0CC	RGB 228 208 204	#E4D0CC
83.3%	83.3% #E6CFCD	RGB 230 207 205	#E6CFCD
100.0%	100.0% #E8CFCF	RGB 232 207 207	#E8CFCF

#DCD3C8 #DED2C9 #E0D1CA #E2D1CB #E4D0CC #E6CFCD #E8CFCF

#DCD3C8 - #E8CFCF

HSV Blend

#DCD3C8 - #E8CFCF | 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 #DCD3C8 as 0% and #E8CFCF as 100%.

0.0%	0.0% #DCD3C8	RGB 220 211 200	#DCD3C8
16.7%	16.7% #DED2C9	RGB 222 210 201	#DED2C9
33.3%	33.3% #E0D2CA	RGB 224 210 202	#E0D2CA
50.0%	50.0% #E2D1CB	RGB 226 209 203	#E2D1CB
66.7%	66.7% #E4D0CC	RGB 228 208 204	#E4D0CC
83.3%	83.3% #E6D0CD	RGB 230 208 205	#E6D0CD
100.0%	100.0% #E8CFCF	RGB 232 207 207	#E8CFCF

#DCD3C8 #DED2C9 #E0D2CA #E2D1CB #E4D0CC #E6D0CD #E8CFCF

#DCD3C8 - #E2D1CB - #E8CFCF

CSS codes

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

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