#3E3F3E - #8D7661 | 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 #3E3F3E to #8D7661

#3E3F3E #8D7661

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

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

0.0%	0.0% #3E3F3E	RGB 62 63 62	#3E3F3E
16.7%	16.7% #4B4843	RGB 75 72 67	#4B4843
33.3%	33.3% #585149	RGB 88 81 73	#585149
50.0%	50.0% #655A4F	RGB 101 90 79	#655A4F
66.7%	66.7% #726355	RGB 114 99 85	#726355
83.3%	83.3% #7F6C5B	RGB 127 108 91	#7F6C5B
100.0%	100.0% #8D7661	RGB 141 118 97	#8D7661

#3E3F3E #4B4843 #585149 #655A4F #726355 #7F6C5B #8D7661

#3E3F3E - #8D7661

HSV Blend

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

0.0%	0.0% #3E3F3E	RGB 62 63 62	#3E3F3E
16.7%	16.7% #484C47	RGB 72 76 71	#484C47
33.3%	33.3% #53594E	RGB 83 89 78	#53594E
50.0%	50.0% #626655	RGB 98 102 85	#626655
66.7%	66.7% #73725A	RGB 115 114 90	#73725A
83.3%	83.3% #80765E	RGB 128 118 94	#80765E
100.0%	100.0% #8D7661	RGB 141 118 97	#8D7661

#3E3F3E #484C47 #53594E #626655 #73725A #80765E #8D7661

#3E3F3E - #626655 - #8D7661

CSS codes

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

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