#8C8C8F - #282828 | 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 #8C8C8F to #282828

#8C8C8F #282828

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

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

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7B7B7D	RGB 123 123 125	#7B7B7D
33.3%	33.3% #6A6A6C	RGB 106 106 108	#6A6A6C
50.0%	50.0% #5A5A5B	RGB 90 90 91	#5A5A5B
66.7%	66.7% #49494A	RGB 73 73 74	#49494A
83.3%	83.3% #383839	RGB 56 56 57	#383839
100.0%	100.0% #282828	RGB 40 40 40	#282828

#8C8C8F #7B7B7D #6A6A6C #5A5A5B #49494A #383839 #282828

#8C8C8F - #282828

HSV Blend

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

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7C7B7D	RGB 124 123 125	#7C7B7D
33.3%	33.3% #6C6B6C	RGB 108 107 108	#6C6B6C
50.0%	50.0% #5B5A5B	RGB 91 90 91	#5B5A5B
66.7%	66.7% #4A494A	RGB 74 73 74	#4A494A
83.3%	83.3% #393839	RGB 57 56 57	#393839
100.0%	100.0% #282828	RGB 40 40 40	#282828

#8C8C8F #7C7B7D #6C6B6C #5B5A5B #4A494A #393839 #282828

#8C8C8F - #5B5A5B - #282828

CSS codes

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

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