#3E382D - #8F665A | 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 #3E382D to #8F665A

#3E382D #8F665A

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

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

0.0%	0.0% #3E382D	RGB 62 56 45	#3E382D
16.7%	16.7% #4B3F34	RGB 75 63 52	#4B3F34
33.3%	33.3% #59473C	RGB 89 71 60	#59473C
50.0%	50.0% #664F43	RGB 102 79 67	#664F43
66.7%	66.7% #74564B	RGB 116 86 75	#74564B
83.3%	83.3% #815E52	RGB 129 94 82	#815E52
100.0%	100.0% #8F665A	RGB 143 102 90	#8F665A

#3E382D #4B3F34 #59473C #664F43 #74564B #815E52 #8F665A

#3E382D - #8F665A

HSV Blend

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

0.0%	0.0% #3E382D	RGB 62 56 45	#3E382D
16.7%	16.7% #4B4235	RGB 75 66 53	#4B4235
33.3%	33.3% #594B3D	RGB 89 75 61	#594B3D
50.0%	50.0% #665345	RGB 102 83 69	#665345
66.7%	66.7% #745B4C	RGB 116 91 76	#745B4C
83.3%	83.3% #816153	RGB 129 97 83	#816153
100.0%	100.0% #8F665A	RGB 143 102 90	#8F665A

#3E382D #4B4235 #594B3D #665345 #745B4C #816153 #8F665A

#3E382D - #665345 - #8F665A

CSS codes

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

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