#A3A9A5 - #426B5E | 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 #A3A9A5 to #426B5E

#A3A9A5 #426B5E

Calculate the color between two colors, #A3A9A5 and #426B5E. 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)

#A3A9A5 - #426B5E | 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 #A3A9A5 as 0% and #426B5E as 100%.

0.0%	0.0% #A3A9A5	RGB 163 169 165	#A3A9A5
16.7%	16.7% #929E99	RGB 146 158 153	#929E99
33.3%	33.3% #82948D	RGB 130 148 141	#82948D
50.0%	50.0% #728A81	RGB 114 138 129	#728A81
66.7%	66.7% #627F75	RGB 98 127 117	#627F75
83.3%	83.3% #527569	RGB 82 117 105	#527569
100.0%	100.0% #426B5E	RGB 66 107 94	#426B5E

#A3A9A5 #929E99 #82948D #728A81 #627F75 #527569 #426B5E

#A3A9A5 - #426B5E

HSV Blend

#A3A9A5 - #426B5E | 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 #A3A9A5 as 0% and #426B5E as 100%.

0.0%	0.0% #A3A9A5	RGB 163 169 165	#A3A9A5
16.7%	16.7% #8F9E95	RGB 143 158 149	#8F9E95
33.3%	33.3% #7D9487	RGB 125 148 135	#7D9487
50.0%	50.0% #6D8A7B	RGB 109 138 123	#6D8A7B
66.7%	66.7% #5D7F70	RGB 93 127 112	#5D7F70
83.3%	83.3% #4F7567	RGB 79 117 103	#4F7567
100.0%	100.0% #426B5E	RGB 66 107 94	#426B5E

#A3A9A5 #8F9E95 #7D9487 #6D8A7B #5D7F70 #4F7567 #426B5E

#A3A9A5 - #6D8A7B - #426B5E

CSS codes

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

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