#3E4047 - #8C706B | 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 #3E4047 to #8C706B

#3E4047 #8C706B

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

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

0.0%	0.0% #3E4047	RGB 62 64 71	#3E4047
16.7%	16.7% #4B484D	RGB 75 72 77	#4B484D
33.3%	33.3% #585053	RGB 88 80 83	#585053
50.0%	50.0% #655859	RGB 101 88 89	#655859
66.7%	66.7% #72605F	RGB 114 96 95	#72605F
83.3%	83.3% #7F6865	RGB 127 104 101	#7F6865
100.0%	100.0% #8C706B	RGB 140 112 107	#8C706B

#3E4047 #4B484D #585053 #655859 #72605F #7F6865 #8C706B

#3E4047 - #8C706B

HSV Blend

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

0.0%	0.0% #3E4047	RGB 62 64 71	#3E4047
16.7%	16.7% #484652	RGB 72 70 82	#484652
33.3%	33.3% #574E5E	RGB 87 78 94	#574E5E
50.0%	50.0% #685669	RGB 104 86 105	#685669
66.7%	66.7% #755D6C	RGB 117 93 108	#755D6C
83.3%	83.3% #80646B	RGB 128 100 107	#80646B
100.0%	100.0% #8C706B	RGB 140 112 107	#8C706B

#3E4047 #484652 #574E5E #685669 #755D6C #80646B #8C706B

#3E4047 - #685669 - #8C706B

CSS codes

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

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