#8D9D9F - #484B57 | 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 #8D9D9F to #484B57

#8D9D9F #484B57

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

#8D9D9F - #484B57 | 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 #8D9D9F as 0% and #484B57 as 100%.

0.0%	0.0% #8D9D9F	RGB 141 157 159	#8D9D9F
16.7%	16.7% #818F93	RGB 129 143 147	#818F93
33.3%	33.3% #768187	RGB 118 129 135	#768187
50.0%	50.0% #6A747B	RGB 106 116 123	#6A747B
66.7%	66.7% #5F666F	RGB 95 102 111	#5F666F
83.3%	83.3% #535863	RGB 83 88 99	#535863
100.0%	100.0% #484B57	RGB 72 75 87	#484B57

#8D9D9F #818F93 #768187 #6A747B #5F666F #535863 #484B57

#8D9D9F - #484B57

HSV Blend

#8D9D9F - #484B57 | 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 #8D9D9F as 0% and #484B57 as 100%.

0.0%	0.0% #8D9D9F	RGB 141 157 159	#8D9D9F
16.7%	16.7% #808E93	RGB 128 142 147	#808E93
33.3%	33.3% #758087	RGB 117 128 135	#758087
50.0%	50.0% #69727B	RGB 105 114 123	#69727B
66.7%	66.7% #5E656F	RGB 94 101 111	#5E656F
83.3%	83.3% #525763	RGB 82 87 99	#525763
100.0%	100.0% #484B57	RGB 72 75 87	#484B57

#8D9D9F #808E93 #758087 #69727B #5E656F #525763 #484B57

#8D9D9F - #69727B - #484B57

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9D9F 0%, #69727B 50%, #484B57 100%);
    background: -webkit-linear-gradient(top, #8D9D9F 0%, #69727B 50%, #484B57 100%);
    background: linear-gradient(to bottom, #8D9D9F 0%, #69727B 50%, #484B57 100%);
}
</style>