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

#DDD9D9 #C38C8F

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

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

0.0%	0.0% #DDD9D9	RGB 221 217 217	#DDD9D9
16.7%	16.7% #D8CCCC	RGB 216 204 204	#D8CCCC
33.3%	33.3% #D4BFC0	RGB 212 191 192	#D4BFC0
50.0%	50.0% #D0B2B4	RGB 208 178 180	#D0B2B4
66.7%	66.7% #CBA5A7	RGB 203 165 167	#CBA5A7
83.3%	83.3% #C7989B	RGB 199 152 155	#C7989B
100.0%	100.0% #C38C8F	RGB 195 140 143	#C38C8F

#DDD9D9 #D8CCCC #D4BFC0 #D0B2B4 #CBA5A7 #C7989B #C38C8F

#DDD9D9 - #C38C8F

HSV Blend

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

0.0%	0.0% #DDD9D9	RGB 221 217 217	#DDD9D9
16.7%	16.7% #D8CBCB	RGB 216 203 203	#D8CBCB
33.3%	33.3% #D4BDBE	RGB 212 189 190	#D4BDBE
50.0%	50.0% #D0B0B1	RGB 208 176 177	#D0B0B1
66.7%	66.7% #CBA4A5	RGB 203 164 165	#CBA4A5
83.3%	83.3% #C7979A	RGB 199 151 154	#C7979A
100.0%	100.0% #C38C8F	RGB 195 140 143	#C38C8F

#DDD9D9 #D8CBCB #D4BDBE #D0B0B1 #CBA4A5 #C7979A #C38C8F

#DDD9D9 - #D0B0B1 - #C38C8F

CSS codes

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

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