#C3C0A2 - #37362E | 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 #C3C0A2 to #37362E

#C3C0A2 #37362E

Calculate the color between two colors, #C3C0A2 and #37362E. 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)

#C3C0A2 - #37362E | 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 #C3C0A2 as 0% and #37362E as 100%.

0.0%	0.0% #C3C0A2	RGB 195 192 162	#C3C0A2
16.7%	16.7% #ABA98E	RGB 171 169 142	#ABA98E
33.3%	33.3% #94927B	RGB 148 146 123	#94927B
50.0%	50.0% #7D7B68	RGB 125 123 104	#7D7B68
66.7%	66.7% #656454	RGB 101 100 84	#656454
83.3%	83.3% #4E4D41	RGB 78 77 65	#4E4D41
100.0%	100.0% #37362E	RGB 55 54 46	#37362E

#C3C0A2 #ABA98E #94927B #7D7B68 #656454 #4E4D41 #37362E

#C3C0A2 - #37362E

HSV Blend

#C3C0A2 - #37362E | 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 #C3C0A2 as 0% and #37362E as 100%.

0.0%	0.0% #C3C0A2	RGB 195 192 162	#C3C0A2
16.7%	16.7% #ABA88E	RGB 171 168 142	#ABA88E
33.3%	33.3% #94917B	RGB 148 145 123	#94917B
50.0%	50.0% #7D7A68	RGB 125 122 104	#7D7A68
66.7%	66.7% #656354	RGB 101 99 84	#656354
83.3%	83.3% #4E4C41	RGB 78 76 65	#4E4C41
100.0%	100.0% #37362E	RGB 55 54 46	#37362E

#C3C0A2 #ABA88E #94917B #7D7A68 #656354 #4E4C41 #37362E

#C3C0A2 - #7D7A68 - #37362E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C0A2 0%, #7D7A68 50%, #37362E 100%);
    background: -webkit-linear-gradient(top, #C3C0A2 0%, #7D7A68 50%, #37362E 100%);
    background: linear-gradient(to bottom, #C3C0A2 0%, #7D7A68 50%, #37362E 100%);
}
</style>