#3E3B2D - #8F6C5A | 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 #3E3B2D to #8F6C5A

#3E3B2D #8F6C5A

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

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

0.0%	0.0% #3E3B2D	RGB 62 59 45	#3E3B2D
16.7%	16.7% #4B4334	RGB 75 67 52	#4B4334
33.3%	33.3% #594B3C	RGB 89 75 60	#594B3C
50.0%	50.0% #665343	RGB 102 83 67	#665343
66.7%	66.7% #745B4B	RGB 116 91 75	#745B4B
83.3%	83.3% #816352	RGB 129 99 82	#816352
100.0%	100.0% #8F6C5A	RGB 143 108 90	#8F6C5A

#3E3B2D #4B4334 #594B3C #665343 #745B4B #816352 #8F6C5A

#3E3B2D - #8F6C5A

HSV Blend

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

0.0%	0.0% #3E3B2D	RGB 62 59 45	#3E3B2D
16.7%	16.7% #4B4535	RGB 75 69 53	#4B4535
33.3%	33.3% #594F3D	RGB 89 79 61	#594F3D
50.0%	50.0% #665845	RGB 102 88 69	#665845
66.7%	66.7% #74604C	RGB 116 96 76	#74604C
83.3%	83.3% #816653	RGB 129 102 83	#816653
100.0%	100.0% #8F6C5A	RGB 143 108 90	#8F6C5A

#3E3B2D #4B4535 #594F3D #665845 #74604C #816653 #8F6C5A

#3E3B2D - #665845 - #8F6C5A

CSS codes

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

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