#2F383C - #C3C5C7 | 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 #2F383C to #C3C5C7

#2F383C #C3C5C7

Calculate the color between two colors, #2F383C and #C3C5C7. 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)

#2F383C - #C3C5C7 | 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 #2F383C as 0% and #C3C5C7 as 100%.

0.0%	0.0% #2F383C	RGB 47 56 60	#2F383C
16.7%	16.7% #474F53	RGB 71 79 83	#474F53
33.3%	33.3% #60676A	RGB 96 103 106	#60676A
50.0%	50.0% #797E81	RGB 121 126 129	#797E81
66.7%	66.7% #919698	RGB 145 150 152	#919698
83.3%	83.3% #AAADAF	RGB 170 173 175	#AAADAF
100.0%	100.0% #C3C5C7	RGB 195 197 199	#C3C5C7

#2F383C #474F53 #60676A #797E81 #919698 #AAADAF #C3C5C7

#2F383C - #C3C5C7

HSV Blend

#2F383C - #C3C5C7 | 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 #2F383C as 0% and #C3C5C7 as 100%.

0.0%	0.0% #2F383C	RGB 47 56 60	#2F383C
16.7%	16.7% #434D53	RGB 67 77 83	#434D53
33.3%	33.3% #5A646A	RGB 90 100 106	#5A646A
50.0%	50.0% #727B81	RGB 114 123 129	#727B81
66.7%	66.7% #8B9298	RGB 139 146 152	#8B9298
83.3%	83.3% #A6ABAF	RGB 166 171 175	#A6ABAF
100.0%	100.0% #C3C5C7	RGB 195 197 199	#C3C5C7

#2F383C #434D53 #5A646A #727B81 #8B9298 #A6ABAF #C3C5C7

#2F383C - #727B81 - #C3C5C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F383C 0%, #727B81 50%, #C3C5C7 100%);
    background: -webkit-linear-gradient(top, #2F383C 0%, #727B81 50%, #C3C5C7 100%);
    background: linear-gradient(to bottom, #2F383C 0%, #727B81 50%, #C3C5C7 100%);
}
</style>