#8A868C - #443D3C | 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 #8A868C to #443D3C

#8A868C #443D3C

Calculate the color between two colors, #8A868C and #443D3C. 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)

#8A868C - #443D3C | 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 #8A868C as 0% and #443D3C as 100%.

0.0%	0.0% #8A868C	RGB 138 134 140	#8A868C
16.7%	16.7% #7E797E	RGB 126 121 126	#7E797E
33.3%	33.3% #726D71	RGB 114 109 113	#726D71
50.0%	50.0% #676164	RGB 103 97 100	#676164
66.7%	66.7% #5B5556	RGB 91 85 86	#5B5556
83.3%	83.3% #4F4949	RGB 79 73 73	#4F4949
100.0%	100.0% #443D3C	RGB 68 61 60	#443D3C

#8A868C #7E797E #726D71 #676164 #5B5556 #4F4949 #443D3C

#8A868C - #443D3C

HSV Blend

#8A868C - #443D3C | 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 #8A868C as 0% and #443D3C as 100%.

0.0%	0.0% #8A868C	RGB 138 134 140	#8A868C
16.7%	16.7% #7F7880	RGB 127 120 128	#7F7880
33.3%	33.3% #746C72	RGB 116 108 114	#746C72
50.0%	50.0% #685F64	RGB 104 95 100	#685F64
66.7%	66.7% #5C5356	RGB 92 83 86	#5C5356
83.3%	83.3% #504748	RGB 80 71 72	#504748
100.0%	100.0% #443D3C	RGB 68 61 60	#443D3C

#8A868C #7F7880 #746C72 #685F64 #5C5356 #504748 #443D3C

#8A868C - #685F64 - #443D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A868C 0%, #685F64 50%, #443D3C 100%);
    background: -webkit-linear-gradient(top, #8A868C 0%, #685F64 50%, #443D3C 100%);
    background: linear-gradient(to bottom, #8A868C 0%, #685F64 50%, #443D3C 100%);
}
</style>