#C3B77B - #8F891B | 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 #C3B77B to #8F891B

#C3B77B #8F891B

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

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

0.0%	0.0% #C3B77B	RGB 195 183 123	#C3B77B
16.7%	16.7% #BAAF6B	RGB 186 175 107	#BAAF6B
33.3%	33.3% #B1A75B	RGB 177 167 91	#B1A75B
50.0%	50.0% #A9A04B	RGB 169 160 75	#A9A04B
66.7%	66.7% #A0983B	RGB 160 152 59	#A0983B
83.3%	83.3% #97902B	RGB 151 144 43	#97902B
100.0%	100.0% #8F891B	RGB 143 137 27	#8F891B

#C3B77B #BAAF6B #B1A75B #A9A04B #A0983B #97902B #8F891B

#C3B77B - #8F891B

HSV Blend

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

0.0%	0.0% #C3B77B	RGB 195 183 123	#C3B77B
16.7%	16.7% #BAAE67	RGB 186 174 103	#BAAE67
33.3%	33.3% #B1A555	RGB 177 165 85	#B1A555
50.0%	50.0% #A99E45	RGB 169 158 69	#A99E45
66.7%	66.7% #A09635	RGB 160 150 53	#A09635
83.3%	83.3% #978F27	RGB 151 143 39	#978F27
100.0%	100.0% #8F891B	RGB 143 137 27	#8F891B

#C3B77B #BAAE67 #B1A555 #A99E45 #A09635 #978F27 #8F891B

#C3B77B - #A99E45 - #8F891B

CSS codes

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

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