#ADB8C0 - #313336 | 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 #ADB8C0 to #313336

#ADB8C0 #313336

Calculate the color between two colors, #ADB8C0 and #313336. 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)

#ADB8C0 - #313336 | 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 #ADB8C0 as 0% and #313336 as 100%.

0.0%	0.0% #ADB8C0	RGB 173 184 192	#ADB8C0
16.7%	16.7% #98A1A9	RGB 152 161 169	#98A1A9
33.3%	33.3% #838B92	RGB 131 139 146	#838B92
50.0%	50.0% #6F757B	RGB 111 117 123	#6F757B
66.7%	66.7% #5A5F64	RGB 90 95 100	#5A5F64
83.3%	83.3% #45494D	RGB 69 73 77	#45494D
100.0%	100.0% #313336	RGB 49 51 54	#313336

#ADB8C0 #98A1A9 #838B92 #6F757B #5A5F64 #45494D #313336

#ADB8C0 - #313336

HSV Blend

#ADB8C0 - #313336 | 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 #ADB8C0 as 0% and #313336 as 100%.

0.0%	0.0% #ADB8C0	RGB 173 184 192	#ADB8C0
16.7%	16.7% #98A1A9	RGB 152 161 169	#98A1A9
33.3%	33.3% #838B92	RGB 131 139 146	#838B92
50.0%	50.0% #6F747B	RGB 111 116 123	#6F747B
66.7%	66.7% #5A5E64	RGB 90 94 100	#5A5E64
83.3%	83.3% #45484D	RGB 69 72 77	#45484D
100.0%	100.0% #313336	RGB 49 51 54	#313336

#ADB8C0 #98A1A9 #838B92 #6F747B #5A5E64 #45484D #313336

#ADB8C0 - #6F747B - #313336

CSS codes

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

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