#2F343C - #C3C4C7 | 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 #2F343C to #C3C4C7

#2F343C #C3C4C7

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

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

0.0%	0.0% #2F343C	RGB 47 52 60	#2F343C
16.7%	16.7% #474C53	RGB 71 76 83	#474C53
33.3%	33.3% #60646A	RGB 96 100 106	#60646A
50.0%	50.0% #797C81	RGB 121 124 129	#797C81
66.7%	66.7% #919498	RGB 145 148 152	#919498
83.3%	83.3% #AAACAF	RGB 170 172 175	#AAACAF
100.0%	100.0% #C3C4C7	RGB 195 196 199	#C3C4C7

#2F343C #474C53 #60646A #797C81 #919498 #AAACAF #C3C4C7

#2F343C - #C3C4C7

HSV Blend

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

0.0%	0.0% #2F343C	RGB 47 52 60	#2F343C
16.7%	16.7% #434953	RGB 67 73 83	#434953
33.3%	33.3% #5A5F6A	RGB 90 95 106	#5A5F6A
50.0%	50.0% #727781	RGB 114 119 129	#727781
66.7%	66.7% #8B8F98	RGB 139 143 152	#8B8F98
83.3%	83.3% #A6A9AF	RGB 166 169 175	#A6A9AF
100.0%	100.0% #C3C4C7	RGB 195 196 199	#C3C4C7

#2F343C #434953 #5A5F6A #727781 #8B8F98 #A6A9AF #C3C4C7

#2F343C - #727781 - #C3C4C7

CSS codes

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

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