#DCD6AF - #DEDDDF | 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 #DCD6AF to #DEDDDF

#DCD6AF #DEDDDF

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

#DCD6AF - #DEDDDF | 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 #DCD6AF as 0% and #DEDDDF as 100%.

0.0%	0.0% #DCD6AF	RGB 220 214 175	#DCD6AF
16.7%	16.7% #DCD7B7	RGB 220 215 183	#DCD7B7
33.3%	33.3% #DCD8BF	RGB 220 216 191	#DCD8BF
50.0%	50.0% #DDD9C7	RGB 221 217 199	#DDD9C7
66.7%	66.7% #DDDACF	RGB 221 218 207	#DDDACF
83.3%	83.3% #DDDBD7	RGB 221 219 215	#DDDBD7
100.0%	100.0% #DEDDDF	RGB 222 221 223	#DEDDDF

#DCD6AF #DCD7B7 #DCD8BF #DDD9C7 #DDDACF #DDDBD7 #DEDDDF

#DCD6AF - #DEDDDF

HSV Blend

#DCD6AF - #DEDDDF | 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 #DCD6AF as 0% and #DEDDDF as 100%.

0.0%	0.0% #DCD6AF	RGB 220 214 175	#DCD6AF
16.7%	16.7% #DCC8B6	RGB 220 200 182	#DCC8B6
33.3%	33.3% #DDC0BE	RGB 221 192 190	#DDC0BE
50.0%	50.0% #DDC5CD	RGB 221 197 205	#DDC5CD
66.7%	66.7% #DECDD9	RGB 222 205 217	#DECDD9
83.3%	83.3% #DDD5DE	RGB 221 213 222	#DDD5DE
100.0%	100.0% #DEDDDF	RGB 222 221 223	#DEDDDF

#DCD6AF #DCC8B6 #DDC0BE #DDC5CD #DECDD9 #DDD5DE #DEDDDF

#DCD6AF - #DDC5CD - #DEDDDF

CSS codes

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

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