#C4A064 - #8D6B00 | 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 #C4A064 to #8D6B00

#C4A064 #8D6B00

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

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

0.0%	0.0% #C4A064	RGB 196 160 100	#C4A064
16.7%	16.7% #BA9753	RGB 186 151 83	#BA9753
33.3%	33.3% #B18E42	RGB 177 142 66	#B18E42
50.0%	50.0% #A88532	RGB 168 133 50	#A88532
66.7%	66.7% #9F7C21	RGB 159 124 33	#9F7C21
83.3%	83.3% #967310	RGB 150 115 16	#967310
100.0%	100.0% #8D6B00	RGB 141 107 0	#8D6B00

#C4A064 #BA9753 #B18E42 #A88532 #9F7C21 #967310 #8D6B00

#C4A064 - #8D6B00

HSV Blend

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

0.0%	0.0% #C4A064	RGB 196 160 100	#C4A064
16.7%	16.7% #BA944F	RGB 186 148 79	#BA944F
33.3%	33.3% #B18A3C	RGB 177 138 60	#B18A3C
50.0%	50.0% #A8812A	RGB 168 129 42	#A8812A
66.7%	66.7% #9F791B	RGB 159 121 27	#9F791B
83.3%	83.3% #96710C	RGB 150 113 12	#96710C
100.0%	100.0% #8D6B00	RGB 141 107 0	#8D6B00

#C4A064 #BA944F #B18A3C #A8812A #9F791B #96710C #8D6B00

#C4A064 - #A8812A - #8D6B00

CSS codes

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

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