#3C404C - #8D7F75 | 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 #3C404C to #8D7F75

#3C404C #8D7F75

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

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

0.0%	0.0% #3C404C	RGB 60 64 76	#3C404C
16.7%	16.7% #494A52	RGB 73 74 82	#494A52
33.3%	33.3% #575559	RGB 87 85 89	#575559
50.0%	50.0% #645F60	RGB 100 95 96	#645F60
66.7%	66.7% #726A67	RGB 114 106 103	#726A67
83.3%	83.3% #7F746E	RGB 127 116 110	#7F746E
100.0%	100.0% #8D7F75	RGB 141 127 117	#8D7F75

#3C404C #494A52 #575559 #645F60 #726A67 #7F746E #8D7F75

#3C404C - #8D7F75

HSV Blend

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

0.0%	0.0% #3C404C	RGB 60 64 76	#3C404C
16.7%	16.7% #484556	RGB 72 69 86	#484556
33.3%	33.3% #5A4E61	RGB 90 78 97	#5A4E61
50.0%	50.0% #6C576A	RGB 108 87 106	#6C576A
66.7%	66.7% #77616B	RGB 119 97 107	#77616B
83.3%	83.3% #826B6B	RGB 130 107 107	#826B6B
100.0%	100.0% #8D7F75	RGB 141 127 117	#8D7F75

#3C404C #484556 #5A4E61 #6C576A #77616B #826B6B #8D7F75

#3C404C - #6C576A - #8D7F75

CSS codes

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

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