#DAC75E - #8F7714 | 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 #DAC75E to #8F7714

#DAC75E #8F7714

Calculate the color between two colors, #DAC75E and #8F7714. 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)

#DAC75E - #8F7714 | 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 #DAC75E as 0% and #8F7714 as 100%.

0.0%	0.0% #DAC75E	RGB 218 199 94	#DAC75E
16.7%	16.7% #CDB951	RGB 205 185 81	#CDB951
33.3%	33.3% #C1AC45	RGB 193 172 69	#C1AC45
50.0%	50.0% #B49F39	RGB 180 159 57	#B49F39
66.7%	66.7% #A8912C	RGB 168 145 44	#A8912C
83.3%	83.3% #9B8420	RGB 155 132 32	#9B8420
100.0%	100.0% #8F7714	RGB 143 119 20	#8F7714

#DAC75E #CDB951 #C1AC45 #B49F39 #A8912C #9B8420 #8F7714

#DAC75E - #8F7714

HSV Blend

#DAC75E - #8F7714 | 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 #DAC75E as 0% and #8F7714 as 100%.

0.0%	0.0% #DAC75E	RGB 218 199 94	#DAC75E
16.7%	16.7% #CDB94E	RGB 205 185 78	#CDB94E
33.3%	33.3% #C1AB40	RGB 193 171 64	#C1AB40
50.0%	50.0% #B49E33	RGB 180 158 51	#B49E33
66.7%	66.7% #A89027	RGB 168 144 39	#A89027
83.3%	83.3% #9B831D	RGB 155 131 29	#9B831D
100.0%	100.0% #8F7714	RGB 143 119 20	#8F7714

#DAC75E #CDB94E #C1AB40 #B49E33 #A89027 #9B831D #8F7714

#DAC75E - #B49E33 - #8F7714

CSS codes

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

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