#3A393C - #C6C6C7 | 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 #3A393C to #C6C6C7

#3A393C #C6C6C7

Calculate the color between two colors, #3A393C and #C6C6C7. 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)

#3A393C - #C6C6C7 | 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 #3A393C as 0% and #C6C6C7 as 100%.

0.0%	0.0% #3A393C	RGB 58 57 60	#3A393C
16.7%	16.7% #515053	RGB 81 80 83	#515053
33.3%	33.3% #68686A	RGB 104 104 106	#68686A
50.0%	50.0% #807F81	RGB 128 127 129	#807F81
66.7%	66.7% #979798	RGB 151 151 152	#979798
83.3%	83.3% #AEAEAF	RGB 174 174 175	#AEAEAF
100.0%	100.0% #C6C6C7	RGB 198 198 199	#C6C6C7

#3A393C #515053 #68686A #807F81 #979798 #AEAEAF #C6C6C7

#3A393C - #C6C6C7

HSV Blend

#3A393C - #C6C6C7 | 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 #3A393C as 0% and #C6C6C7 as 100%.

0.0%	0.0% #3A393C	RGB 58 57 60	#3A393C
16.7%	16.7% #504F53	RGB 80 79 83	#504F53
33.3%	33.3% #67666A	RGB 103 102 106	#67666A
50.0%	50.0% #7E7D81	RGB 126 125 129	#7E7D81
66.7%	66.7% #959598	RGB 149 149 152	#959598
83.3%	83.3% #ADADAF	RGB 173 173 175	#ADADAF
100.0%	100.0% #C6C6C7	RGB 198 198 199	#C6C6C7

#3A393C #504F53 #67666A #7E7D81 #959598 #ADADAF #C6C6C7

#3A393C - #7E7D81 - #C6C6C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A393C 0%, #7E7D81 50%, #C6C6C7 100%);
    background: -webkit-linear-gradient(top, #3A393C 0%, #7E7D81 50%, #C6C6C7 100%);
    background: linear-gradient(to bottom, #3A393C 0%, #7E7D81 50%, #C6C6C7 100%);
}
</style>