#C4B78D - #8C7938 | 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 #C4B78D to #8C7938

#C4B78D #8C7938

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

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

0.0%	0.0% #C4B78D	RGB 196 183 141	#C4B78D
16.7%	16.7% #BAAC7E	RGB 186 172 126	#BAAC7E
33.3%	33.3% #B1A270	RGB 177 162 112	#B1A270
50.0%	50.0% #A89862	RGB 168 152 98	#A89862
66.7%	66.7% #9E8D54	RGB 158 141 84	#9E8D54
83.3%	83.3% #958346	RGB 149 131 70	#958346
100.0%	100.0% #8C7938	RGB 140 121 56	#8C7938

#C4B78D #BAAC7E #B1A270 #A89862 #9E8D54 #958346 #8C7938

#C4B78D - #8C7938

HSV Blend

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

0.0%	0.0% #C4B78D	RGB 196 183 141	#C4B78D
16.7%	16.7% #BAAC7C	RGB 186 172 124	#BAAC7C
33.3%	33.3% #B1A16C	RGB 177 161 108	#B1A16C
50.0%	50.0% #A8965E	RGB 168 150 94	#A8965E
66.7%	66.7% #9E8C50	RGB 158 140 80	#9E8C50
83.3%	83.3% #958243	RGB 149 130 67	#958243
100.0%	100.0% #8C7938	RGB 140 121 56	#8C7938

#C4B78D #BAAC7C #B1A16C #A8965E #9E8C50 #958243 #8C7938

#C4B78D - #A8965E - #8C7938

CSS codes

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

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