#C8C376 - #393721 | 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 #C8C376 to #393721

#C8C376 #393721

Calculate the color between two colors, #C8C376 and #393721. 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)

#C8C376 - #393721 | 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 #C8C376 as 0% and #393721 as 100%.

0.0%	0.0% #C8C376	RGB 200 195 118	#C8C376
16.7%	16.7% #B0AB67	RGB 176 171 103	#B0AB67
33.3%	33.3% #989459	RGB 152 148 89	#989459
50.0%	50.0% #807D4B	RGB 128 125 75	#807D4B
66.7%	66.7% #68653D	RGB 104 101 61	#68653D
83.3%	83.3% #504E2F	RGB 80 78 47	#504E2F
100.0%	100.0% #393721	RGB 57 55 33	#393721

#C8C376 #B0AB67 #989459 #807D4B #68653D #504E2F #393721

#C8C376 - #393721

HSV Blend

#C8C376 - #393721 | 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 #C8C376 as 0% and #393721 as 100%.

0.0%	0.0% #C8C376	RGB 200 195 118	#C8C376
16.7%	16.7% #B0AB67	RGB 176 171 103	#B0AB67
33.3%	33.3% #989459	RGB 152 148 89	#989459
50.0%	50.0% #807C4B	RGB 128 124 75	#807C4B
66.7%	66.7% #68653C	RGB 104 101 60	#68653C
83.3%	83.3% #504E2E	RGB 80 78 46	#504E2E
100.0%	100.0% #393721	RGB 57 55 33	#393721

#C8C376 #B0AB67 #989459 #807C4B #68653C #504E2E #393721

#C8C376 - #807C4B - #393721

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C376 0%, #807C4B 50%, #393721 100%);
    background: -webkit-linear-gradient(top, #C8C376 0%, #807C4B 50%, #393721 100%);
    background: linear-gradient(to bottom, #C8C376 0%, #807C4B 50%, #393721 100%);
}
</style>