#3E3E3A - #C7C7C6 | 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 #3E3E3A to #C7C7C6

#3E3E3A #C7C7C6

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

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

0.0%	0.0% #3E3E3A	RGB 62 62 58	#3E3E3A
16.7%	16.7% #545451	RGB 84 84 81	#545451
33.3%	33.3% #6B6B68	RGB 107 107 104	#6B6B68
50.0%	50.0% #828280	RGB 130 130 128	#828280
66.7%	66.7% #999997	RGB 153 153 151	#999997
83.3%	83.3% #B0B0AE	RGB 176 176 174	#B0B0AE
100.0%	100.0% #C7C7C6	RGB 199 199 198	#C7C7C6

#3E3E3A #545451 #6B6B68 #828280 #999997 #B0B0AE #C7C7C6

#3E3E3A - #C7C7C6

HSV Blend

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

0.0%	0.0% #3E3E3A	RGB 62 62 58	#3E3E3A
16.7%	16.7% #545450	RGB 84 84 80	#545450
33.3%	33.3% #6B6B66	RGB 107 107 102	#6B6B66
50.0%	50.0% #82827D	RGB 130 130 125	#82827D
66.7%	66.7% #999995	RGB 153 153 149	#999995
83.3%	83.3% #B0B0AD	RGB 176 176 173	#B0B0AD
100.0%	100.0% #C7C7C6	RGB 199 199 198	#C7C7C6

#3E3E3A #545450 #6B6B66 #82827D #999995 #B0B0AD #C7C7C6

#3E3E3A - #82827D - #C7C7C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3A 0%, #82827D 50%, #C7C7C6 100%);
    background: -webkit-linear-gradient(top, #3E3E3A 0%, #82827D 50%, #C7C7C6 100%);
    background: linear-gradient(to bottom, #3E3E3A 0%, #82827D 50%, #C7C7C6 100%);
}
</style>