#9A8F9D - #4A404F | 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 #9A8F9D to #4A404F

#9A8F9D #4A404F

Calculate the color between two colors, #9A8F9D and #4A404F. 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)

#9A8F9D - #4A404F | 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 #9A8F9D as 0% and #4A404F as 100%.

0.0%	0.0% #9A8F9D	RGB 154 143 157	#9A8F9D
16.7%	16.7% #8C8190	RGB 140 129 144	#8C8190
33.3%	33.3% #7F7483	RGB 127 116 131	#7F7483
50.0%	50.0% #726776	RGB 114 103 118	#726776
66.7%	66.7% #645A69	RGB 100 90 105	#645A69
83.3%	83.3% #574D5C	RGB 87 77 92	#574D5C
100.0%	100.0% #4A404F	RGB 74 64 79	#4A404F

#9A8F9D #8C8190 #7F7483 #726776 #645A69 #574D5C #4A404F

#9A8F9D - #4A404F

HSV Blend

#9A8F9D - #4A404F | 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 #9A8F9D as 0% and #4A404F as 100%.

0.0%	0.0% #9A8F9D	RGB 154 143 157	#9A8F9D
16.7%	16.7% #8C8090	RGB 140 128 144	#8C8090
33.3%	33.3% #7E7283	RGB 126 114 131	#7E7283
50.0%	50.0% #716576	RGB 113 101 118	#716576
66.7%	66.7% #645869	RGB 100 88 105	#645869
83.3%	83.3% #574C5C	RGB 87 76 92	#574C5C
100.0%	100.0% #4A404F	RGB 74 64 79	#4A404F

#9A8F9D #8C8090 #7E7283 #716576 #645869 #574C5C #4A404F

#9A8F9D - #716576 - #4A404F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8F9D 0%, #716576 50%, #4A404F 100%);
    background: -webkit-linear-gradient(top, #9A8F9D 0%, #716576 50%, #4A404F 100%);
    background: linear-gradient(to bottom, #9A8F9D 0%, #716576 50%, #4A404F 100%);
}
</style>