#DDC3C2 - #C9766F | 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 #DDC3C2 to #C9766F

#DDC3C2 #C9766F

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

#DDC3C2 - #C9766F | 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 #DDC3C2 as 0% and #C9766F as 100%.

0.0%	0.0% #DDC3C2	RGB 221 195 194	#DDC3C2
16.7%	16.7% #D9B6B4	RGB 217 182 180	#D9B6B4
33.3%	33.3% #D6A9A6	RGB 214 169 166	#D6A9A6
50.0%	50.0% #D39C98	RGB 211 156 152	#D39C98
66.7%	66.7% #CF8F8A	RGB 207 143 138	#CF8F8A
83.3%	83.3% #CC827C	RGB 204 130 124	#CC827C
100.0%	100.0% #C9766F	RGB 201 118 111	#C9766F

#DDC3C2 #D9B6B4 #D6A9A6 #D39C98 #CF8F8A #CC827C #C9766F

#DDC3C2 - #C9766F

HSV Blend

#DDC3C2 - #C9766F | 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 #DDC3C2 as 0% and #C9766F as 100%.

0.0%	0.0% #DDC3C2	RGB 221 195 194	#DDC3C2
16.7%	16.7% #D9B4B3	RGB 217 180 179	#D9B4B3
33.3%	33.3% #D6A7A4	RGB 214 167 164	#D6A7A4
50.0%	50.0% #D39A96	RGB 211 154 150	#D39A96
66.7%	66.7% #CF8D89	RGB 207 141 137	#CF8D89
83.3%	83.3% #CC817B	RGB 204 129 123	#CC817B
100.0%	100.0% #C9766F	RGB 201 118 111	#C9766F

#DDC3C2 #D9B4B3 #D6A7A4 #D39A96 #CF8D89 #CC817B #C9766F

#DDC3C2 - #D39A96 - #C9766F

CSS codes

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

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