#DAAD6B - #B76C22 | 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 #DAAD6B to #B76C22

#DAAD6B #B76C22

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

#DAAD6B - #B76C22 | 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 #DAAD6B as 0% and #B76C22 as 100%.

0.0%	0.0% #DAAD6B	RGB 218 173 107	#DAAD6B
16.7%	16.7% #D4A25E	RGB 212 162 94	#D4A25E
33.3%	33.3% #CE9752	RGB 206 151 82	#CE9752
50.0%	50.0% #C88C46	RGB 200 140 70	#C88C46
66.7%	66.7% #C2813A	RGB 194 129 58	#C2813A
83.3%	83.3% #BC762E	RGB 188 118 46	#BC762E
100.0%	100.0% #B76C22	RGB 183 108 34	#B76C22

#DAAD6B #D4A25E #CE9752 #C88C46 #C2813A #BC762E #B76C22

#DAAD6B - #B76C22

HSV Blend

#DAAD6B - #B76C22 | 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 #DAAD6B as 0% and #B76C22 as 100%.

0.0%	0.0% #DAAD6B	RGB 218 173 107	#DAAD6B
16.7%	16.7% #D4A25D	RGB 212 162 93	#D4A25D
33.3%	33.3% #CE9750	RGB 206 151 80	#CE9750
50.0%	50.0% #C88C43	RGB 200 140 67	#C88C43
66.7%	66.7% #C28137	RGB 194 129 55	#C28137
83.3%	83.3% #BC762C	RGB 188 118 44	#BC762C
100.0%	100.0% #B76C22	RGB 183 108 34	#B76C22

#DAAD6B #D4A25D #CE9750 #C88C43 #C28137 #BC762C #B76C22

#DAAD6B - #C88C43 - #B76C22

CSS codes

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

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