#3E3C3F - #C8C7C7 | 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 #3E3C3F to #C8C7C7

#3E3C3F #C8C7C7

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

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

0.0%	0.0% #3E3C3F	RGB 62 60 63	#3E3C3F
16.7%	16.7% #555355	RGB 85 83 85	#555355
33.3%	33.3% #6C6A6C	RGB 108 106 108	#6C6A6C
50.0%	50.0% #838183	RGB 131 129 131	#838183
66.7%	66.7% #9A9899	RGB 154 152 153	#9A9899
83.3%	83.3% #B1AFB0	RGB 177 175 176	#B1AFB0
100.0%	100.0% #C8C7C7	RGB 200 199 199	#C8C7C7

#3E3C3F #555355 #6C6A6C #838183 #9A9899 #B1AFB0 #C8C7C7

#3E3C3F - #C8C7C7

HSV Blend

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

0.0%	0.0% #3E3C3F	RGB 62 60 63	#3E3C3F
16.7%	16.7% #555255	RGB 85 82 85	#555255
33.3%	33.3% #6C696C	RGB 108 105 108	#6C696C
50.0%	50.0% #838082	RGB 131 128 130	#838082
66.7%	66.7% #9A9798	RGB 154 151 152	#9A9798
83.3%	83.3% #B1AFAF	RGB 177 175 175	#B1AFAF
100.0%	100.0% #C8C7C7	RGB 200 199 199	#C8C7C7

#3E3C3F #555255 #6C696C #838082 #9A9798 #B1AFAF #C8C7C7

#3E3C3F - #838082 - #C8C7C7

CSS codes

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

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