#C0CB9F - #373A2D | 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 #C0CB9F to #373A2D

#C0CB9F #373A2D

Calculate the color between two colors, #C0CB9F and #373A2D. 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)

#C0CB9F - #373A2D | 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 #C0CB9F as 0% and #373A2D as 100%.

0.0%	0.0% #C0CB9F	RGB 192 203 159	#C0CB9F
16.7%	16.7% #A9B28C	RGB 169 178 140	#A9B28C
33.3%	33.3% #929A79	RGB 146 154 121	#929A79
50.0%	50.0% #7B8266	RGB 123 130 102	#7B8266
66.7%	66.7% #646A53	RGB 100 106 83	#646A53
83.3%	83.3% #4D5240	RGB 77 82 64	#4D5240
100.0%	100.0% #373A2D	RGB 55 58 45	#373A2D

#C0CB9F #A9B28C #929A79 #7B8266 #646A53 #4D5240 #373A2D

#C0CB9F - #373A2D

HSV Blend

#C0CB9F - #373A2D | 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 #C0CB9F as 0% and #373A2D as 100%.

0.0%	0.0% #C0CB9F	RGB 192 203 159	#C0CB9F
16.7%	16.7% #A9B28B	RGB 169 178 139	#A9B28B
33.3%	33.3% #929A78	RGB 146 154 120	#929A78
50.0%	50.0% #7B8265	RGB 123 130 101	#7B8265
66.7%	66.7% #646A52	RGB 100 106 82	#646A52
83.3%	83.3% #4D523F	RGB 77 82 63	#4D523F
100.0%	100.0% #373A2D	RGB 55 58 45	#373A2D

#C0CB9F #A9B28B #929A78 #7B8265 #646A52 #4D523F #373A2D

#C0CB9F - #7B8265 - #373A2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CB9F 0%, #7B8265 50%, #373A2D 100%);
    background: -webkit-linear-gradient(top, #C0CB9F 0%, #7B8265 50%, #373A2D 100%);
    background: linear-gradient(to bottom, #C0CB9F 0%, #7B8265 50%, #373A2D 100%);
}
</style>