#DBAC77 - #BA6929 | 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 #DBAC77 to #BA6929

#DBAC77 #BA6929

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

#DBAC77 - #BA6929 | 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 #DBAC77 as 0% and #BA6929 as 100%.

0.0%	0.0% #DBAC77	RGB 219 172 119	#DBAC77
16.7%	16.7% #D5A06A	RGB 213 160 106	#D5A06A
33.3%	33.3% #D0955D	RGB 208 149 93	#D0955D
50.0%	50.0% #CA8A50	RGB 202 138 80	#CA8A50
66.7%	66.7% #C57F43	RGB 197 127 67	#C57F43
83.3%	83.3% #BF7436	RGB 191 116 54	#BF7436
100.0%	100.0% #BA6929	RGB 186 105 41	#BA6929

#DBAC77 #D5A06A #D0955D #CA8A50 #C57F43 #BF7436 #BA6929

#DBAC77 - #BA6929

HSV Blend

#DBAC77 - #BA6929 | 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 #DBAC77 as 0% and #BA6929 as 100%.

0.0%	0.0% #DBAC77	RGB 219 172 119	#DBAC77
16.7%	16.7% #D5A068	RGB 213 160 104	#D5A068
33.3%	33.3% #D0955A	RGB 208 149 90	#D0955A
50.0%	50.0% #CA8A4D	RGB 202 138 77	#CA8A4D
66.7%	66.7% #C57E40	RGB 197 126 64	#C57E40
83.3%	83.3% #BF7334	RGB 191 115 52	#BF7334
100.0%	100.0% #BA6929	RGB 186 105 41	#BA6929

#DBAC77 #D5A068 #D0955A #CA8A4D #C57E40 #BF7334 #BA6929

#DBAC77 - #CA8A4D - #BA6929

CSS codes

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

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