#928A8C - #292728 | 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 #928A8C to #292728

#928A8C #292728

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

#928A8C - #292728 | 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 #928A8C as 0% and #292728 as 100%.

0.0%	0.0% #928A8C	RGB 146 138 140	#928A8C
16.7%	16.7% #80797B	RGB 128 121 123	#80797B
33.3%	33.3% #6F696A	RGB 111 105 106	#6F696A
50.0%	50.0% #5D585A	RGB 93 88 90	#5D585A
66.7%	66.7% #4C4849	RGB 76 72 73	#4C4849
83.3%	83.3% #3A3738	RGB 58 55 56	#3A3738
100.0%	100.0% #292728	RGB 41 39 40	#292728

#928A8C #80797B #6F696A #5D585A #4C4849 #3A3738 #292728

#928A8C - #292728

HSV Blend

#928A8C - #292728 | 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 #928A8C as 0% and #292728 as 100%.

0.0%	0.0% #928A8C	RGB 146 138 140	#928A8C
16.7%	16.7% #80797B	RGB 128 121 123	#80797B
33.3%	33.3% #6F696B	RGB 111 105 107	#6F696B
50.0%	50.0% #5D585A	RGB 93 88 90	#5D585A
66.7%	66.7% #4C4849	RGB 76 72 73	#4C4849
83.3%	83.3% #3A3738	RGB 58 55 56	#3A3738
100.0%	100.0% #292728	RGB 41 39 40	#292728

#928A8C #80797B #6F696B #5D585A #4C4849 #3A3738 #292728

#928A8C - #5D585A - #292728

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #928A8C 0%, #5D585A 50%, #292728 100%);
    background: -webkit-linear-gradient(top, #928A8C 0%, #5D585A 50%, #292728 100%);
    background: linear-gradient(to bottom, #928A8C 0%, #5D585A 50%, #292728 100%);
}
</style>