#999899 - #464D4D | 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 #999899 to #464D4D

#999899 #464D4D

Calculate the color between two colors, #999899 and #464D4D. 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)

#999899 - #464D4D | 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 #999899 as 0% and #464D4D as 100%.

0.0%	0.0% #999899	RGB 153 152 153	#999899
16.7%	16.7% #8B8B8C	RGB 139 139 140	#8B8B8C
33.3%	33.3% #7D7F7F	RGB 125 127 127	#7D7F7F
50.0%	50.0% #6F7273	RGB 111 114 115	#6F7273
66.7%	66.7% #616666	RGB 97 102 102	#616666
83.3%	83.3% #535959	RGB 83 89 89	#535959
100.0%	100.0% #464D4D	RGB 70 77 77	#464D4D

#999899 #8B8B8C #7D7F7F #6F7273 #616666 #535959 #464D4D

#999899 - #464D4D

HSV Blend

#999899 - #464D4D | 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 #999899 as 0% and #464D4D as 100%.

0.0%	0.0% #999899	RGB 153 152 153	#999899
16.7%	16.7% #8B898C	RGB 139 137 140	#8B898C
33.3%	33.3% #7C7B7F	RGB 124 123 127	#7C7B7F
50.0%	50.0% #6D6D73	RGB 109 109 115	#6D6D73
66.7%	66.7% #5F6266	RGB 95 98 102	#5F6266
83.3%	83.3% #525759	RGB 82 87 89	#525759
100.0%	100.0% #464D4D	RGB 70 77 77	#464D4D

#999899 #8B898C #7C7B7F #6D6D73 #5F6266 #525759 #464D4D

#999899 - #6D6D73 - #464D4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #999899 0%, #6D6D73 50%, #464D4D 100%);
    background: -webkit-linear-gradient(top, #999899 0%, #6D6D73 50%, #464D4D 100%);
    background: linear-gradient(to bottom, #999899 0%, #6D6D73 50%, #464D4D 100%);
}
</style>