#DDBD9C - #C07B47 | 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 #DDBD9C to #C07B47

#DDBD9C #C07B47

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

#DDBD9C - #C07B47 | 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 #DDBD9C as 0% and #C07B47 as 100%.

0.0%	0.0% #DDBD9C	RGB 221 189 156	#DDBD9C
16.7%	16.7% #D8B28D	RGB 216 178 141	#D8B28D
33.3%	33.3% #D3A77F	RGB 211 167 127	#D3A77F
50.0%	50.0% #CE9C71	RGB 206 156 113	#CE9C71
66.7%	66.7% #C99163	RGB 201 145 99	#C99163
83.3%	83.3% #C48655	RGB 196 134 85	#C48655
100.0%	100.0% #C07B47	RGB 192 123 71	#C07B47

#DDBD9C #D8B28D #D3A77F #CE9C71 #C99163 #C48655 #C07B47

#DDBD9C - #C07B47

HSV Blend

#DDBD9C - #C07B47 | 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 #DDBD9C as 0% and #C07B47 as 100%.

0.0%	0.0% #DDBD9C	RGB 221 189 156	#DDBD9C
16.7%	16.7% #D8B18C	RGB 216 177 140	#D8B18C
33.3%	33.3% #D3A67D	RGB 211 166 125	#D3A67D
50.0%	50.0% #CE9B6F	RGB 206 155 111	#CE9B6F
66.7%	66.7% #C99061	RGB 201 144 97	#C99061
83.3%	83.3% #C48553	RGB 196 133 83	#C48553
100.0%	100.0% #C07B47	RGB 192 123 71	#C07B47

#DDBD9C #D8B18C #D3A67D #CE9B6F #C99061 #C48553 #C07B47

#DDBD9C - #CE9B6F - #C07B47

CSS codes

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

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