#DBB76B - #B97922 | 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 #DBB76B to #B97922

#DBB76B #B97922

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

#DBB76B - #B97922 | 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 #DBB76B as 0% and #B97922 as 100%.

0.0%	0.0% #DBB76B	RGB 219 183 107	#DBB76B
16.7%	16.7% #D5AC5E	RGB 213 172 94	#D5AC5E
33.3%	33.3% #CFA252	RGB 207 162 82	#CFA252
50.0%	50.0% #CA9846	RGB 202 152 70	#CA9846
66.7%	66.7% #C48D3A	RGB 196 141 58	#C48D3A
83.3%	83.3% #BE832E	RGB 190 131 46	#BE832E
100.0%	100.0% #B97922	RGB 185 121 34	#B97922

#DBB76B #D5AC5E #CFA252 #CA9846 #C48D3A #BE832E #B97922

#DBB76B - #B97922

HSV Blend

#DBB76B - #B97922 | 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 #DBB76B as 0% and #B97922 as 100%.

0.0%	0.0% #DBB76B	RGB 219 183 107	#DBB76B
16.7%	16.7% #D5AC5D	RGB 213 172 93	#D5AC5D
33.3%	33.3% #CFA250	RGB 207 162 80	#CFA250
50.0%	50.0% #CA9843	RGB 202 152 67	#CA9843
66.7%	66.7% #C48D38	RGB 196 141 56	#C48D38
83.3%	83.3% #BE832C	RGB 190 131 44	#BE832C
100.0%	100.0% #B97922	RGB 185 121 34	#B97922

#DBB76B #D5AC5D #CFA250 #CA9843 #C48D38 #BE832C #B97922

#DBB76B - #CA9843 - #B97922

CSS codes

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

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