#C2B8C2 - #363437 | 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 #C2B8C2 to #363437

#C2B8C2 #363437

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

#C2B8C2 - #363437 | 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 #C2B8C2 as 0% and #363437 as 100%.

0.0%	0.0% #C2B8C2	RGB 194 184 194	#C2B8C2
16.7%	16.7% #AAA2AA	RGB 170 162 170	#AAA2AA
33.3%	33.3% #938C93	RGB 147 140 147	#938C93
50.0%	50.0% #7C767C	RGB 124 118 124	#7C767C
66.7%	66.7% #646065	RGB 100 96 101	#646065
83.3%	83.3% #4D4A4E	RGB 77 74 78	#4D4A4E
100.0%	100.0% #363437	RGB 54 52 55	#363437

#C2B8C2 #AAA2AA #938C93 #7C767C #646065 #4D4A4E #363437

#C2B8C2 - #363437

HSV Blend

#C2B8C2 - #363437 | 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 #C2B8C2 as 0% and #363437 as 100%.

0.0%	0.0% #C2B8C2	RGB 194 184 194	#C2B8C2
16.7%	16.7% #AAA1AA	RGB 170 161 170	#AAA1AA
33.3%	33.3% #928B93	RGB 146 139 147	#928B93
50.0%	50.0% #7B757C	RGB 123 117 124	#7B757C
66.7%	66.7% #645F65	RGB 100 95 101	#645F65
83.3%	83.3% #4C494E	RGB 76 73 78	#4C494E
100.0%	100.0% #363437	RGB 54 52 55	#363437

#C2B8C2 #AAA1AA #928B93 #7B757C #645F65 #4C494E #363437

#C2B8C2 - #7B757C - #363437

CSS codes

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

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