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

#3E3E3F #8D8562

Calculate the color between two colors, #3E3E3F and #8D8562. 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 - #8D8562 | 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 #8D8562 as 100%.

0.0%	0.0% #3E3E3F	RGB 62 62 63	#3E3E3F
16.7%	16.7% #4B4944	RGB 75 73 68	#4B4944
33.3%	33.3% #58554A	RGB 88 85 74	#58554A
50.0%	50.0% #656150	RGB 101 97 80	#656150
66.7%	66.7% #726D56	RGB 114 109 86	#726D56
83.3%	83.3% #7F795C	RGB 127 121 92	#7F795C
100.0%	100.0% #8D8562	RGB 141 133 98	#8D8562

#3E3E3F #4B4944 #58554A #656150 #726D56 #7F795C #8D8562

#3E3E3F - #8D8562

HSV Blend

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

0.0%	0.0% #3E3E3F	RGB 62 62 63	#3E3E3F
16.7%	16.7% #49474C	RGB 73 71 76	#49474C
33.3%	33.3% #584F59	RGB 88 79 89	#584F59
50.0%	50.0% #66555F	RGB 102 85 95	#66555F
66.7%	66.7% #735B5D	RGB 115 91 93	#735B5D
83.3%	83.3% #806A5F	RGB 128 106 95	#806A5F
100.0%	100.0% #8D8562	RGB 141 133 98	#8D8562

#3E3E3F #49474C #584F59 #66555F #735B5D #806A5F #8D8562

#3E3E3F - #66555F - #8D8562

CSS codes

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

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