#D9CBA2 - #B7924D | 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 #D9CBA2 to #B7924D

#D9CBA2 #B7924D

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

#D9CBA2 - #B7924D | 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 #D9CBA2 as 0% and #B7924D as 100%.

0.0%	0.0% #D9CBA2	RGB 217 203 162	#D9CBA2
16.7%	16.7% #D3C193	RGB 211 193 147	#D3C193
33.3%	33.3% #CDB885	RGB 205 184 133	#CDB885
50.0%	50.0% #C8AE77	RGB 200 174 119	#C8AE77
66.7%	66.7% #C2A569	RGB 194 165 105	#C2A569
83.3%	83.3% #BC9B5B	RGB 188 155 91	#BC9B5B
100.0%	100.0% #B7924D	RGB 183 146 77	#B7924D

#D9CBA2 #D3C193 #CDB885 #C8AE77 #C2A569 #BC9B5B #B7924D

#D9CBA2 - #B7924D

HSV Blend

#D9CBA2 - #B7924D | 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 #D9CBA2 as 0% and #B7924D as 100%.

0.0%	0.0% #D9CBA2	RGB 217 203 162	#D9CBA2
16.7%	16.7% #D3C192	RGB 211 193 146	#D3C192
33.3%	33.3% #CDB883	RGB 205 184 131	#CDB883
50.0%	50.0% #C8AE74	RGB 200 174 116	#C8AE74
66.7%	66.7% #C2A566	RGB 194 165 102	#C2A566
83.3%	83.3% #BC9B59	RGB 188 155 89	#BC9B59
100.0%	100.0% #B7924D	RGB 183 146 77	#B7924D

#D9CBA2 #D3C192 #CDB883 #C8AE74 #C2A566 #BC9B59 #B7924D

#D9CBA2 - #C8AE74 - #B7924D

CSS codes

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

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