#3E4138 - #C7C8C6 | 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 #3E4138 to #C7C8C6

#3E4138 #C7C8C6

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

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

0.0%	0.0% #3E4138	RGB 62 65 56	#3E4138
16.7%	16.7% #54574F	RGB 84 87 79	#54574F
33.3%	33.3% #6B6E67	RGB 107 110 103	#6B6E67
50.0%	50.0% #82847F	RGB 130 132 127	#82847F
66.7%	66.7% #999B96	RGB 153 155 150	#999B96
83.3%	83.3% #B0B1AE	RGB 176 177 174	#B0B1AE
100.0%	100.0% #C7C8C6	RGB 199 200 198	#C7C8C6

#3E4138 #54574F #6B6E67 #82847F #999B96 #B0B1AE #C7C8C6

#3E4138 - #C7C8C6

HSV Blend

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

0.0%	0.0% #3E4138	RGB 62 65 56	#3E4138
16.7%	16.7% #53574D	RGB 83 87 77	#53574D
33.3%	33.3% #696E63	RGB 105 110 99	#696E63
50.0%	50.0% #80847A	RGB 128 132 122	#80847A
66.7%	66.7% #979B92	RGB 151 155 146	#979B92
83.3%	83.3% #AEB1AB	RGB 174 177 171	#AEB1AB
100.0%	100.0% #C7C8C6	RGB 199 200 198	#C7C8C6

#3E4138 #53574D #696E63 #80847A #979B92 #AEB1AB #C7C8C6

#3E4138 - #80847A - #C7C8C6

CSS codes

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

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