#DDDADA - #C8958E | 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 #DDDADA to #C8958E

#DDDADA #C8958E

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

#DDDADA - #C8958E | 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 #DDDADA as 0% and #C8958E as 100%.

0.0%	0.0% #DDDADA	RGB 221 218 218	#DDDADA
16.7%	16.7% #D9CECD	RGB 217 206 205	#D9CECD
33.3%	33.3% #D6C3C0	RGB 214 195 192	#D6C3C0
50.0%	50.0% #D2B7B4	RGB 210 183 180	#D2B7B4
66.7%	66.7% #CFACA7	RGB 207 172 167	#CFACA7
83.3%	83.3% #CBA09A	RGB 203 160 154	#CBA09A
100.0%	100.0% #C8958E	RGB 200 149 142	#C8958E

#DDDADA #D9CECD #D6C3C0 #D2B7B4 #CFACA7 #CBA09A #C8958E

#DDDADA - #C8958E

HSV Blend

#DDDADA - #C8958E | 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 #DDDADA as 0% and #C8958E as 100%.

0.0%	0.0% #DDDADA	RGB 221 218 218	#DDDADA
16.7%	16.7% #D9CCCC	RGB 217 204 204	#D9CCCC
33.3%	33.3% #D6C0BF	RGB 214 192 191	#D6C0BF
50.0%	50.0% #D2B4B2	RGB 210 180 178	#D2B4B2
66.7%	66.7% #CFA9A6	RGB 207 169 166	#CFA9A6
83.3%	83.3% #CB9E99	RGB 203 158 153	#CB9E99
100.0%	100.0% #C8958E	RGB 200 149 142	#C8958E

#DDDADA #D9CCCC #D6C0BF #D2B4B2 #CFA9A6 #CB9E99 #C8958E

#DDDADA - #D2B4B2 - #C8958E

CSS codes

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

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