#302B2B - #C3C2C2 | 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 #302B2B to #C3C2C2

#302B2B #C3C2C2

Calculate the color between two colors, #302B2B and #C3C2C2. 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)

#302B2B - #C3C2C2 | 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 #302B2B as 0% and #C3C2C2 as 100%.

0.0%	0.0% #302B2B	RGB 48 43 43	#302B2B
16.7%	16.7% #484444	RGB 72 68 68	#484444
33.3%	33.3% #615D5D	RGB 97 93 93	#615D5D
50.0%	50.0% #797676	RGB 121 118 118	#797676
66.7%	66.7% #928F8F	RGB 146 143 143	#928F8F
83.3%	83.3% #AAA8A8	RGB 170 168 168	#AAA8A8
100.0%	100.0% #C3C2C2	RGB 195 194 194	#C3C2C2

#302B2B #484444 #615D5D #797676 #928F8F #AAA8A8 #C3C2C2

#302B2B - #C3C2C2

HSV Blend

#302B2B - #C3C2C2 | 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 #302B2B as 0% and #C3C2C2 as 100%.

0.0%	0.0% #302B2B	RGB 48 43 43	#302B2B
16.7%	16.7% #484242	RGB 72 66 66	#484242
33.3%	33.3% #615A5A	RGB 97 90 90	#615A5A
50.0%	50.0% #797272	RGB 121 114 114	#797272
66.7%	66.7% #928C8C	RGB 146 140 140	#928C8C
83.3%	83.3% #AAA6A6	RGB 170 166 166	#AAA6A6
100.0%	100.0% #C3C2C2	RGB 195 194 194	#C3C2C2

#302B2B #484242 #615A5A #797272 #928C8C #AAA6A6 #C3C2C2

#302B2B - #797272 - #C3C2C2

CSS codes

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

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