#2F383D - #C3C6C7 | 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 #2F383D to #C3C6C7

#2F383D #C3C6C7

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

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

0.0%	0.0% #2F383D	RGB 47 56 61	#2F383D
16.7%	16.7% #474F54	RGB 71 79 84	#474F54
33.3%	33.3% #60676B	RGB 96 103 107	#60676B
50.0%	50.0% #797F82	RGB 121 127 130	#797F82
66.7%	66.7% #919699	RGB 145 150 153	#919699
83.3%	83.3% #AAAEB0	RGB 170 174 176	#AAAEB0
100.0%	100.0% #C3C6C7	RGB 195 198 199	#C3C6C7

#2F383D #474F54 #60676B #797F82 #919699 #AAAEB0 #C3C6C7

#2F383D - #C3C6C7

HSV Blend

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

0.0%	0.0% #2F383D	RGB 47 56 61	#2F383D
16.7%	16.7% #434E54	RGB 67 78 84	#434E54
33.3%	33.3% #59656B	RGB 89 101 107	#59656B
50.0%	50.0% #717D82	RGB 113 125 130	#717D82
66.7%	66.7% #8B9599	RGB 139 149 153	#8B9599
83.3%	83.3% #A6ADB0	RGB 166 173 176	#A6ADB0
100.0%	100.0% #C3C6C7	RGB 195 198 199	#C3C6C7

#2F383D #434E54 #59656B #717D82 #8B9599 #A6ADB0 #C3C6C7

#2F383D - #717D82 - #C3C6C7

CSS codes

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

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