#3E3E3F - #8D6B62 | 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 #3E3E3F to #8D6B62

#3E3E3F #8D6B62

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

#3E3E3F - #8D6B62 | 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 #3E3E3F as 0% and #8D6B62 as 100%.

0.0%	0.0% #3E3E3F	RGB 62 62 63	#3E3E3F
16.7%	16.7% #4B4544	RGB 75 69 68	#4B4544
33.3%	33.3% #584D4A	RGB 88 77 74	#584D4A
50.0%	50.0% #655450	RGB 101 84 80	#655450
66.7%	66.7% #725C56	RGB 114 92 86	#725C56
83.3%	83.3% #7F635C	RGB 127 99 92	#7F635C
100.0%	100.0% #8D6B62	RGB 141 107 98	#8D6B62

#3E3E3F #4B4544 #584D4A #655450 #725C56 #7F635C #8D6B62

#3E3E3F - #8D6B62

HSV Blend

#3E3E3F - #8D6B62 | 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 #3E3E3F as 0% and #8D6B62 as 100%.

0.0%	0.0% #3E3E3F	RGB 62 62 63	#3E3E3F
16.7%	16.7% #48474C	RGB 72 71 76	#48474C
33.3%	33.3% #564F59	RGB 86 79 89	#564F59
50.0%	50.0% #665564	RGB 102 85 100	#665564
66.7%	66.7% #735B67	RGB 115 91 103	#735B67
83.3%	83.3% #805F64	RGB 128 95 100	#805F64
100.0%	100.0% #8D6B62	RGB 141 107 98	#8D6B62

#3E3E3F #48474C #564F59 #665564 #735B67 #805F64 #8D6B62

#3E3E3F - #665564 - #8D6B62

CSS codes

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

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