#C3B27B - #8F821B | 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 #C3B27B to #8F821B

#C3B27B #8F821B

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

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

0.0%	0.0% #C3B27B	RGB 195 178 123	#C3B27B
16.7%	16.7% #BAAA6B	RGB 186 170 107	#BAAA6B
33.3%	33.3% #B1A25B	RGB 177 162 91	#B1A25B
50.0%	50.0% #A99A4B	RGB 169 154 75	#A99A4B
66.7%	66.7% #A0923B	RGB 160 146 59	#A0923B
83.3%	83.3% #978A2B	RGB 151 138 43	#978A2B
100.0%	100.0% #8F821B	RGB 143 130 27	#8F821B

#C3B27B #BAAA6B #B1A25B #A99A4B #A0923B #978A2B #8F821B

#C3B27B - #8F821B

HSV Blend

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

0.0%	0.0% #C3B27B	RGB 195 178 123	#C3B27B
16.7%	16.7% #BAA867	RGB 186 168 103	#BAA867
33.3%	33.3% #B19F55	RGB 177 159 85	#B19F55
50.0%	50.0% #A99745	RGB 169 151 69	#A99745
66.7%	66.7% #A09035	RGB 160 144 53	#A09035
83.3%	83.3% #978827	RGB 151 136 39	#978827
100.0%	100.0% #8F821B	RGB 143 130 27	#8F821B

#C3B27B #BAA867 #B19F55 #A99745 #A09035 #978827 #8F821B

#C3B27B - #A99745 - #8F821B

CSS codes

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

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