#DCD3C0 - #E6CBD0 | 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 #DCD3C0 to #E6CBD0

#DCD3C0 #E6CBD0

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

#DCD3C0 - #E6CBD0 | 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 #DCD3C0 as 0% and #E6CBD0 as 100%.

0.0%	0.0% #DCD3C0	RGB 220 211 192	#DCD3C0
16.7%	16.7% #DDD1C2	RGB 221 209 194	#DDD1C2
33.3%	33.3% #DFD0C5	RGB 223 208 197	#DFD0C5
50.0%	50.0% #E1CFC8	RGB 225 207 200	#E1CFC8
66.7%	66.7% #E2CDCA	RGB 226 205 202	#E2CDCA
83.3%	83.3% #E4CCCD	RGB 228 204 205	#E4CCCD
100.0%	100.0% #E6CBD0	RGB 230 203 208	#E6CBD0

#DCD3C0 #DDD1C2 #DFD0C5 #E1CFC8 #E2CDCA #E4CCCD #E6CBD0

#DCD3C0 - #E6CBD0

HSV Blend

#DCD3C0 - #E6CBD0 | 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 #DCD3C0 as 0% and #E6CBD0 as 100%.

0.0%	0.0% #DCD3C0	RGB 220 211 192	#DCD3C0
16.7%	16.7% #DDD0C1	RGB 221 208 193	#DDD0C1
33.3%	33.3% #DFCEC3	RGB 223 206 195	#DFCEC3
50.0%	50.0% #E1CCC5	RGB 225 204 197	#E1CCC5
66.7%	66.7% #E2CAC7	RGB 226 202 199	#E2CAC7
83.3%	83.3% #E4C9CA	RGB 228 201 202	#E4C9CA
100.0%	100.0% #E6CBD0	RGB 230 203 208	#E6CBD0

#DCD3C0 #DDD0C1 #DFCEC3 #E1CCC5 #E2CAC7 #E4C9CA #E6CBD0

#DCD3C0 - #E1CCC5 - #E6CBD0

CSS codes

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

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