#A4A4A7 - #465D60 | 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 #A4A4A7 to #465D60

#A4A4A7 #465D60

Calculate the color between two colors, #A4A4A7 and #465D60. 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)

#A4A4A7 - #465D60 | 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 #A4A4A7 as 0% and #465D60 as 100%.

0.0%	0.0% #A4A4A7	RGB 164 164 167	#A4A4A7
16.7%	16.7% #94989B	RGB 148 152 155	#94989B
33.3%	33.3% #848C8F	RGB 132 140 143	#848C8F
50.0%	50.0% #758083	RGB 117 128 131	#758083
66.7%	66.7% #657477	RGB 101 116 119	#657477
83.3%	83.3% #55686B	RGB 85 104 107	#55686B
100.0%	100.0% #465D60	RGB 70 93 96	#465D60

#A4A4A7 #94989B #848C8F #758083 #657477 #55686B #465D60

#A4A4A7 - #465D60

HSV Blend

#A4A4A7 - #465D60 | 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 #A4A4A7 as 0% and #465D60 as 100%.

0.0%	0.0% #A4A4A7	RGB 164 164 167	#A4A4A7
16.7%	16.7% #91939B	RGB 145 147 155	#91939B
33.3%	33.3% #80848F	RGB 128 132 143	#80848F
50.0%	50.0% #707883	RGB 112 120 131	#707883
66.7%	66.7% #616E77	RGB 97 110 119	#616E77
83.3%	83.3% #53656B	RGB 83 101 107	#53656B
100.0%	100.0% #465D60	RGB 70 93 96	#465D60

#A4A4A7 #91939B #80848F #707883 #616E77 #53656B #465D60

#A4A4A7 - #707883 - #465D60

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4A4A7 0%, #707883 50%, #465D60 100%);
    background: -webkit-linear-gradient(top, #A4A4A7 0%, #707883 50%, #465D60 100%);
    background: linear-gradient(to bottom, #A4A4A7 0%, #707883 50%, #465D60 100%);
}
</style>