#302324 - #C3C0C0 | 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 #302324 to #C3C0C0

#302324 #C3C0C0

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

#302324 - #C3C0C0 | 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 #302324 as 0% and #C3C0C0 as 100%.

0.0%	0.0% #302324	RGB 48 35 36	#302324
16.7%	16.7% #483D3E	RGB 72 61 62	#483D3E
33.3%	33.3% #615758	RGB 97 87 88	#615758
50.0%	50.0% #797172	RGB 121 113 114	#797172
66.7%	66.7% #928B8C	RGB 146 139 140	#928B8C
83.3%	83.3% #AAA5A6	RGB 170 165 166	#AAA5A6
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#302324 #483D3E #615758 #797172 #928B8C #AAA5A6 #C3C0C0

#302324 - #C3C0C0

HSV Blend

#302324 - #C3C0C0 | 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 #302324 as 0% and #C3C0C0 as 100%.

0.0%	0.0% #302323	RGB 48 35 35	#302323
16.7%	16.7% #483739	RGB 72 55 57	#483739
33.3%	33.3% #614E4F	RGB 97 78 79	#614E4F
50.0%	50.0% #796868	RGB 121 104 104	#796868
66.7%	66.7% #928383	RGB 146 131 131	#928383
83.3%	83.3% #AAA0A0	RGB 170 160 160	#AAA0A0
100.0%	100.0% #C3C0C0	RGB 195 192 192	#C3C0C0

#302323 #483739 #614E4F #796868 #928383 #AAA0A0 #C3C0C0

#302324 - #796868 - #C3C0C0

CSS codes

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

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