#DFA9A2 - #DDD9D9 | 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 #DFA9A2 to #DDD9D9

#DFA9A2 #DDD9D9

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

#DFA9A2 - #DDD9D9 | 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 #DFA9A2 as 0% and #DDD9D9 as 100%.

0.0%	0.0% #DFA9A2	RGB 223 169 162	#DFA9A2
16.7%	16.7% #DEB1AB	RGB 222 177 171	#DEB1AB
33.3%	33.3% #DEB9B4	RGB 222 185 180	#DEB9B4
50.0%	50.0% #DEC1BD	RGB 222 193 189	#DEC1BD
66.7%	66.7% #DDC9C6	RGB 221 201 198	#DDC9C6
83.3%	83.3% #DDD1CF	RGB 221 209 207	#DDD1CF
100.0%	100.0% #DDD9D9	RGB 221 217 217	#DDD9D9

#DFA9A2 #DEB1AB #DEB9B4 #DEC1BD #DDC9C6 #DDD1CF #DDD9D9

#DFA9A2 - #DDD9D9

HSV Blend

#DFA9A2 - #DDD9D9 | 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 #DFA9A2 as 0% and #DDD9D9 as 100%.

0.0%	0.0% #DFA9A2	RGB 223 169 162	#DFA9A2
16.7%	16.7% #DEB0AB	RGB 222 176 171	#DEB0AB
33.3%	33.3% #DEB7B4	RGB 222 183 180	#DEB7B4
50.0%	50.0% #DEBFBD	RGB 222 191 189	#DEBFBD
66.7%	66.7% #DDC7C6	RGB 221 199 198	#DDC7C6
83.3%	83.3% #DDD0CF	RGB 221 208 207	#DDD0CF
100.0%	100.0% #DDD9D9	RGB 221 217 217	#DDD9D9

#DFA9A2 #DEB0AB #DEB7B4 #DEBFBD #DDC7C6 #DDD0CF #DDD9D9

#DFA9A2 - #DEBFBD - #DDD9D9

CSS codes

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

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