#DDC4A8 - #C08352 | 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 #DDC4A8 to #C08352

#DDC4A8 #C08352

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

#DDC4A8 - #C08352 | 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 #DDC4A8 as 0% and #C08352 as 100%.

0.0%	0.0% #DDC4A8	RGB 221 196 168	#DDC4A8
16.7%	16.7% #D8B999	RGB 216 185 153	#D8B999
33.3%	33.3% #D3AE8B	RGB 211 174 139	#D3AE8B
50.0%	50.0% #CEA37D	RGB 206 163 125	#CEA37D
66.7%	66.7% #C9986E	RGB 201 152 110	#C9986E
83.3%	83.3% #C48D60	RGB 196 141 96	#C48D60
100.0%	100.0% #C08352	RGB 192 131 82	#C08352

#DDC4A8 #D8B999 #D3AE8B #CEA37D #C9986E #C48D60 #C08352

#DDC4A8 - #C08352

HSV Blend

#DDC4A8 - #C08352 | 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 #DDC4A8 as 0% and #C08352 as 100%.

0.0%	0.0% #DDC4A8	RGB 221 196 168	#DDC4A8
16.7%	16.7% #D8B998	RGB 216 185 152	#D8B998
33.3%	33.3% #D3AE89	RGB 211 174 137	#D3AE89
50.0%	50.0% #CEA37A	RGB 206 163 122	#CEA37A
66.7%	66.7% #C9986C	RGB 201 152 108	#C9986C
83.3%	83.3% #C48D5E	RGB 196 141 94	#C48D5E
100.0%	100.0% #C08352	RGB 192 131 82	#C08352

#DDC4A8 #D8B998 #D3AE89 #CEA37A #C9986C #C48D5E #C08352

#DDC4A8 - #CEA37A - #C08352

CSS codes

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

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