#D9CBA0 - #B7924B | 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 #D9CBA0 to #B7924B

#D9CBA0 #B7924B

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

#D9CBA0 - #B7924B | 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 #D9CBA0 as 0% and #B7924B as 100%.

0.0%	0.0% #D9CBA0	RGB 217 203 160	#D9CBA0
16.7%	16.7% #D3C191	RGB 211 193 145	#D3C191
33.3%	33.3% #CDB883	RGB 205 184 131	#CDB883
50.0%	50.0% #C8AE75	RGB 200 174 117	#C8AE75
66.7%	66.7% #C2A567	RGB 194 165 103	#C2A567
83.3%	83.3% #BC9B59	RGB 188 155 89	#BC9B59
100.0%	100.0% #B7924B	RGB 183 146 75	#B7924B

#D9CBA0 #D3C191 #CDB883 #C8AE75 #C2A567 #BC9B59 #B7924B

#D9CBA0 - #B7924B

HSV Blend

#D9CBA0 - #B7924B | 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 #D9CBA0 as 0% and #B7924B as 100%.

0.0%	0.0% #D9CBA0	RGB 217 203 160	#D9CBA0
16.7%	16.7% #D3C190	RGB 211 193 144	#D3C190
33.3%	33.3% #CDB881	RGB 205 184 129	#CDB881
50.0%	50.0% #C8AE72	RGB 200 174 114	#C8AE72
66.7%	66.7% #C2A564	RGB 194 165 100	#C2A564
83.3%	83.3% #BC9B57	RGB 188 155 87	#BC9B57
100.0%	100.0% #B7924B	RGB 183 146 75	#B7924B

#D9CBA0 #D3C190 #CDB881 #C8AE72 #C2A564 #BC9B57 #B7924B

#D9CBA0 - #C8AE72 - #B7924B

CSS codes

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

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