#A7A8AF - #4B5E68 | 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 #A7A8AF to #4B5E68

#A7A8AF #4B5E68

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

#A7A8AF - #4B5E68 | 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 #A7A8AF as 0% and #4B5E68 as 100%.

0.0%	0.0% #A7A8AF	RGB 167 168 175	#A7A8AF
16.7%	16.7% #979BA3	RGB 151 155 163	#979BA3
33.3%	33.3% #888F97	RGB 136 143 151	#888F97
50.0%	50.0% #79838B	RGB 121 131 139	#79838B
66.7%	66.7% #69767F	RGB 105 118 127	#69767F
83.3%	83.3% #5A6A73	RGB 90 106 115	#5A6A73
100.0%	100.0% #4B5E68	RGB 75 94 104	#4B5E68

#A7A8AF #979BA3 #888F97 #79838B #69767F #5A6A73 #4B5E68

#A7A8AF - #4B5E68

HSV Blend

#A7A8AF - #4B5E68 | 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 #A7A8AF as 0% and #4B5E68 as 100%.

0.0%	0.0% #A7A8AF	RGB 167 168 175	#A7A8AF
16.7%	16.7% #9598A3	RGB 149 152 163	#9598A3
33.3%	33.3% #848A97	RGB 132 138 151	#848A97
50.0%	50.0% #747D8B	RGB 116 125 139	#747D8B
66.7%	66.7% #65727F	RGB 101 114 127	#65727F
83.3%	83.3% #586773	RGB 88 103 115	#586773
100.0%	100.0% #4B5E68	RGB 75 94 104	#4B5E68

#A7A8AF #9598A3 #848A97 #747D8B #65727F #586773 #4B5E68

#A7A8AF - #747D8B - #4B5E68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7A8AF 0%, #747D8B 50%, #4B5E68 100%);
    background: -webkit-linear-gradient(top, #A7A8AF 0%, #747D8B 50%, #4B5E68 100%);
    background: linear-gradient(to bottom, #A7A8AF 0%, #747D8B 50%, #4B5E68 100%);
}
</style>