#8C8A8C - #282728 | 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 #8C8A8C to #282728

#8C8A8C #282728

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

#8C8A8C - #282728 | 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 #8C8A8C as 0% and #282728 as 100%.

0.0%	0.0% #8C8A8C	RGB 140 138 140	#8C8A8C
16.7%	16.7% #7B797B	RGB 123 121 123	#7B797B
33.3%	33.3% #6A696A	RGB 106 105 106	#6A696A
50.0%	50.0% #5A585A	RGB 90 88 90	#5A585A
66.7%	66.7% #494849	RGB 73 72 73	#494849
83.3%	83.3% #383738	RGB 56 55 56	#383738
100.0%	100.0% #282728	RGB 40 39 40	#282728

#8C8A8C #7B797B #6A696A #5A585A #494849 #383738 #282728

#8C8A8C - #282728

HSV Blend

#8C8A8C - #282728 | 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 #8C8A8C as 0% and #282728 as 100%.

0.0%	0.0% #8C8A8C	RGB 140 138 140	#8C8A8C
16.7%	16.7% #7B797B	RGB 123 121 123	#7B797B
33.3%	33.3% #6A686A	RGB 106 104 106	#6A686A
50.0%	50.0% #5A585A	RGB 90 88 90	#5A585A
66.7%	66.7% #494749	RGB 73 71 73	#494749
83.3%	83.3% #383738	RGB 56 55 56	#383738
100.0%	100.0% #282728	RGB 40 39 40	#282728

#8C8A8C #7B797B #6A686A #5A585A #494749 #383738 #282728

#8C8A8C - #5A585A - #282728

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8A8C 0%, #5A585A 50%, #282728 100%);
    background: -webkit-linear-gradient(top, #8C8A8C 0%, #5A585A 50%, #282728 100%);
    background: linear-gradient(to bottom, #8C8A8C 0%, #5A585A 50%, #282728 100%);
}
</style>