#C8C87C - #393923 | 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 #C8C87C to #393923

#C8C87C #393923

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

#C8C87C - #393923 | 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 #C8C87C as 0% and #393923 as 100%.

0.0%	0.0% #C8C87C	RGB 200 200 124	#C8C87C
16.7%	16.7% #B0B06D	RGB 176 176 109	#B0B06D
33.3%	33.3% #98985E	RGB 152 152 94	#98985E
50.0%	50.0% #80804F	RGB 128 128 79	#80804F
66.7%	66.7% #686840	RGB 104 104 64	#686840
83.3%	83.3% #505031	RGB 80 80 49	#505031
100.0%	100.0% #393923	RGB 57 57 35	#393923

#C8C87C #B0B06D #98985E #80804F #686840 #505031 #393923

#C8C87C - #393923

HSV Blend

#C8C87C - #393923 | 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 #C8C87C as 0% and #393923 as 100%.

0.0%	0.0% #C8C87C	RGB 200 200 124	#C8C87C
16.7%	16.7% #B0B06D	RGB 176 176 109	#B0B06D
33.3%	33.3% #98985E	RGB 152 152 94	#98985E
50.0%	50.0% #80804F	RGB 128 128 79	#80804F
66.7%	66.7% #686840	RGB 104 104 64	#686840
83.3%	83.3% #505031	RGB 80 80 49	#505031
100.0%	100.0% #393923	RGB 57 57 35	#393923

#C8C87C #B0B06D #98985E #80804F #686840 #505031 #393923

#C8C87C - #80804F - #393923

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C87C 0%, #80804F 50%, #393923 100%);
    background: -webkit-linear-gradient(top, #C8C87C 0%, #80804F 50%, #393923 100%);
    background: linear-gradient(to bottom, #C8C87C 0%, #80804F 50%, #393923 100%);
}
</style>