#989F9F - #2B2D2D | 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 #989F9F to #2B2D2D

#989F9F #2B2D2D

Calculate the color between two colors, #989F9F and #2B2D2D. 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)

#989F9F - #2B2D2D | 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 #989F9F as 0% and #2B2D2D as 100%.

0.0%	0.0% #989F9F	RGB 152 159 159	#989F9F
16.7%	16.7% #858C8C	RGB 133 140 140	#858C8C
33.3%	33.3% #737979	RGB 115 121 121	#737979
50.0%	50.0% #616666	RGB 97 102 102	#616666
66.7%	66.7% #4F5353	RGB 79 83 83	#4F5353
83.3%	83.3% #3D4040	RGB 61 64 64	#3D4040
100.0%	100.0% #2B2D2D	RGB 43 45 45	#2B2D2D

#989F9F #858C8C #737979 #616666 #4F5353 #3D4040 #2B2D2D

#989F9F - #2B2D2D

HSV Blend

#989F9F - #2B2D2D | 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 #989F9F as 0% and #2B2D2D as 100%.

0.0%	0.0% #989F9F	RGB 152 159 159	#989F9F
16.7%	16.7% #858C8C	RGB 133 140 140	#858C8C
33.3%	33.3% #737979	RGB 115 121 121	#737979
50.0%	50.0% #616666	RGB 97 102 102	#616666
66.7%	66.7% #4F5353	RGB 79 83 83	#4F5353
83.3%	83.3% #3D4040	RGB 61 64 64	#3D4040
100.0%	100.0% #2B2D2D	RGB 43 45 45	#2B2D2D

#989F9F #858C8C #737979 #616666 #4F5353 #3D4040 #2B2D2D

#989F9F - #616666 - #2B2D2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989F9F 0%, #616666 50%, #2B2D2D 100%);
    background: -webkit-linear-gradient(top, #989F9F 0%, #616666 50%, #2B2D2D 100%);
    background: linear-gradient(to bottom, #989F9F 0%, #616666 50%, #2B2D2D 100%);
}
</style>