#3E3E50 - #8C7D76 | 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 #3E3E50 to #8C7D76

#3E3E50 #8C7D76

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

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

0.0%	0.0% #3E3E50	RGB 62 62 80	#3E3E50
16.7%	16.7% #4B4856	RGB 75 72 86	#4B4856
33.3%	33.3% #58535C	RGB 88 83 92	#58535C
50.0%	50.0% #655D63	RGB 101 93 99	#655D63
66.7%	66.7% #726869	RGB 114 104 105	#726869
83.3%	83.3% #7F726F	RGB 127 114 111	#7F726F
100.0%	100.0% #8C7D76	RGB 140 125 118	#8C7D76

#3E3E50 #4B4856 #58535C #655D63 #726869 #7F726F #8C7D76

#3E3E50 - #8C7D76

HSV Blend

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

0.0%	0.0% #3E3E50	RGB 62 62 80	#3E3E50
16.7%	16.7% #4E465A	RGB 78 70 90	#4E465A
33.3%	33.3% #5F4F64	RGB 95 79 100	#5F4F64
50.0%	50.0% #6E586A	RGB 110 88 106	#6E586A
66.7%	66.7% #78626C	RGB 120 98 108	#78626C
83.3%	83.3% #826C6D	RGB 130 108 109	#826C6D
100.0%	100.0% #8C7D76	RGB 140 125 118	#8C7D76

#3E3E50 #4E465A #5F4F64 #6E586A #78626C #826C6D #8C7D76

#3E3E50 - #6E586A - #8C7D76

CSS codes

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

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