#878A8C - #3D3F44 | 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 #878A8C to #3D3F44

#878A8C #3D3F44

Calculate the color between two colors, #878A8C and #3D3F44. 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)

#878A8C - #3D3F44 | 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 #878A8C as 0% and #3D3F44 as 100%.

0.0%	0.0% #878A8C	RGB 135 138 140	#878A8C
16.7%	16.7% #7A7D80	RGB 122 125 128	#7A7D80
33.3%	33.3% #6E7174	RGB 110 113 116	#6E7174
50.0%	50.0% #626468	RGB 98 100 104	#626468
66.7%	66.7% #55585C	RGB 85 88 92	#55585C
83.3%	83.3% #494B50	RGB 73 75 80	#494B50
100.0%	100.0% #3D3F44	RGB 61 63 68	#3D3F44

#878A8C #7A7D80 #6E7174 #626468 #55585C #494B50 #3D3F44

#878A8C - #3D3F44

HSV Blend

#878A8C - #3D3F44 | 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 #878A8C as 0% and #3D3F44 as 100%.

0.0%	0.0% #878A8C	RGB 135 138 140	#878A8C
16.7%	16.7% #797D80	RGB 121 125 128	#797D80
33.3%	33.3% #6D7074	RGB 109 112 116	#6D7074
50.0%	50.0% #606368	RGB 96 99 104	#606368
66.7%	66.7% #54575C	RGB 84 87 92	#54575C
83.3%	83.3% #484B50	RGB 72 75 80	#484B50
100.0%	100.0% #3D3F44	RGB 61 63 68	#3D3F44

#878A8C #797D80 #6D7074 #606368 #54575C #484B50 #3D3F44

#878A8C - #606368 - #3D3F44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #878A8C 0%, #606368 50%, #3D3F44 100%);
    background: -webkit-linear-gradient(top, #878A8C 0%, #606368 50%, #3D3F44 100%);
    background: linear-gradient(to bottom, #878A8C 0%, #606368 50%, #3D3F44 100%);
}
</style>