#DDC6B5 - #C28360 | 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 #DDC6B5 to #C28360

#DDC6B5 #C28360

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

#DDC6B5 - #C28360 | 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 #DDC6B5 as 0% and #C28360 as 100%.

0.0%	0.0% #DDC6B5	RGB 221 198 181	#DDC6B5
16.7%	16.7% #D8BAA6	RGB 216 186 166	#D8BAA6
33.3%	33.3% #D4AF98	RGB 212 175 152	#D4AF98
50.0%	50.0% #CFA48A	RGB 207 164 138	#CFA48A
66.7%	66.7% #CB997C	RGB 203 153 124	#CB997C
83.3%	83.3% #C68E6E	RGB 198 142 110	#C68E6E
100.0%	100.0% #C28360	RGB 194 131 96	#C28360

#DDC6B5 #D8BAA6 #D4AF98 #CFA48A #CB997C #C68E6E #C28360

#DDC6B5 - #C28360

HSV Blend

#DDC6B5 - #C28360 | 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 #DDC6B5 as 0% and #C28360 as 100%.

0.0%	0.0% #DDC6B5	RGB 221 198 181	#DDC6B5
16.7%	16.7% #D8BAA5	RGB 216 186 165	#D8BAA5
33.3%	33.3% #D4AF96	RGB 212 175 150	#D4AF96
50.0%	50.0% #CFA488	RGB 207 164 136	#CFA488
66.7%	66.7% #CB997A	RGB 203 153 122	#CB997A
83.3%	83.3% #C68D6C	RGB 198 141 108	#C68D6C
100.0%	100.0% #C28360	RGB 194 131 96	#C28360

#DDC6B5 #D8BAA5 #D4AF96 #CFA488 #CB997A #C68D6C #C28360

#DDC6B5 - #CFA488 - #C28360

CSS codes

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

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