#A7A7AC - #495F65 | 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 #A7A7AC to #495F65

#A7A7AC #495F65

Calculate the color between two colors, #A7A7AC and #495F65. 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)

#A7A7AC - #495F65 | 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 #A7A7AC as 0% and #495F65 as 100%.

0.0%	0.0% #A7A7AC	RGB 167 167 172	#A7A7AC
16.7%	16.7% #979BA0	RGB 151 155 160	#979BA0
33.3%	33.3% #878F94	RGB 135 143 148	#878F94
50.0%	50.0% #788388	RGB 120 131 136	#788388
66.7%	66.7% #68777C	RGB 104 119 124	#68777C
83.3%	83.3% #586B70	RGB 88 107 112	#586B70
100.0%	100.0% #495F65	RGB 73 95 101	#495F65

#A7A7AC #979BA0 #878F94 #788388 #68777C #586B70 #495F65

#A7A7AC - #495F65

HSV Blend

#A7A7AC - #495F65 | 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 #A7A7AC as 0% and #495F65 as 100%.

0.0%	0.0% #A7A7AC	RGB 167 167 172	#A7A7AC
16.7%	16.7% #9496A0	RGB 148 150 160	#9496A0
33.3%	33.3% #838894	RGB 131 136 148	#838894
50.0%	50.0% #737B88	RGB 115 123 136	#737B88
66.7%	66.7% #64717C	RGB 100 113 124	#64717C
83.3%	83.3% #566770	RGB 86 103 112	#566770
100.0%	100.0% #495F65	RGB 73 95 101	#495F65

#A7A7AC #9496A0 #838894 #737B88 #64717C #566770 #495F65

#A7A7AC - #737B88 - #495F65

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7A7AC 0%, #737B88 50%, #495F65 100%);
    background: -webkit-linear-gradient(top, #A7A7AC 0%, #737B88 50%, #495F65 100%);
    background: linear-gradient(to bottom, #A7A7AC 0%, #737B88 50%, #495F65 100%);
}
</style>