#C2B9C0 - #373436 | 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 #C2B9C0 to #373436

#C2B9C0 #373436

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

#C2B9C0 - #373436 | 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 #C2B9C0 as 0% and #373436 as 100%.

0.0%	0.0% #C2B9C0	RGB 194 185 192	#C2B9C0
16.7%	16.7% #AAA2A9	RGB 170 162 169	#AAA2A9
33.3%	33.3% #938C92	RGB 147 140 146	#938C92
50.0%	50.0% #7C767B	RGB 124 118 123	#7C767B
66.7%	66.7% #656064	RGB 101 96 100	#656064
83.3%	83.3% #4E4A4D	RGB 78 74 77	#4E4A4D
100.0%	100.0% #373436	RGB 55 52 54	#373436

#C2B9C0 #AAA2A9 #938C92 #7C767B #656064 #4E4A4D #373436

#C2B9C0 - #373436

HSV Blend

#C2B9C0 - #373436 | 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 #C2B9C0 as 0% and #373436 as 100%.

0.0%	0.0% #C2B9C0	RGB 194 185 192	#C2B9C0
16.7%	16.7% #AAA2A8	RGB 170 162 168	#AAA2A8
33.3%	33.3% #938C91	RGB 147 140 145	#938C91
50.0%	50.0% #7C767A	RGB 124 118 122	#7C767A
66.7%	66.7% #656063	RGB 101 96 99	#656063
83.3%	83.3% #4E4A4C	RGB 78 74 76	#4E4A4C
100.0%	100.0% #373436	RGB 55 52 54	#373436

#C2B9C0 #AAA2A8 #938C91 #7C767A #656063 #4E4A4C #373436

#C2B9C0 - #7C767A - #373436

CSS codes

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

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