#DDCDCD - #C9837C | 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 #DDCDCD to #C9837C

#DDCDCD #C9837C

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

#DDCDCD - #C9837C | 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 #DDCDCD as 0% and #C9837C as 100%.

0.0%	0.0% #DDCDCD	RGB 221 205 205	#DDCDCD
16.7%	16.7% #D9C0BF	RGB 217 192 191	#D9C0BF
33.3%	33.3% #D6B4B2	RGB 214 180 178	#D6B4B2
50.0%	50.0% #D3A8A4	RGB 211 168 164	#D3A8A4
66.7%	66.7% #CF9B97	RGB 207 155 151	#CF9B97
83.3%	83.3% #CC8F89	RGB 204 143 137	#CC8F89
100.0%	100.0% #C9837C	RGB 201 131 124	#C9837C

#DDCDCD #D9C0BF #D6B4B2 #D3A8A4 #CF9B97 #CC8F89 #C9837C

#DDCDCD - #C9837C

HSV Blend

#DDCDCD - #C9837C | 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 #DDCDCD as 0% and #C9837C as 100%.

0.0%	0.0% #DDCDCD	RGB 221 205 205	#DDCDCD
16.7%	16.7% #D9BFBE	RGB 217 191 190	#D9BFBE
33.3%	33.3% #D6B1B0	RGB 214 177 176	#D6B1B0
50.0%	50.0% #D3A5A2	RGB 211 165 162	#D3A5A2
66.7%	66.7% #CF9995	RGB 207 153 149	#CF9995
83.3%	83.3% #CC8D88	RGB 204 141 136	#CC8D88
100.0%	100.0% #C9837C	RGB 201 131 124	#C9837C

#DDCDCD #D9BFBE #D6B1B0 #D3A5A2 #CF9995 #CC8D88 #C9837C

#DDCDCD - #D3A5A2 - #C9837C

CSS codes

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

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