#A8AFB3 - #575E6D | 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 #A8AFB3 to #575E6D

#A8AFB3 #575E6D

Calculate the color between two colors, #A8AFB3 and #575E6D. 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)

#A8AFB3 - #575E6D | 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 #A8AFB3 as 0% and #575E6D as 100%.

0.0%	0.0% #A8AFB3	RGB 168 175 179	#A8AFB3
16.7%	16.7% #9AA1A7	RGB 154 161 167	#9AA1A7
33.3%	33.3% #8D949B	RGB 141 148 155	#8D949B
50.0%	50.0% #7F8690	RGB 127 134 144	#7F8690
66.7%	66.7% #727984	RGB 114 121 132	#727984
83.3%	83.3% #646B78	RGB 100 107 120	#646B78
100.0%	100.0% #575E6D	RGB 87 94 109	#575E6D

#A8AFB3 #9AA1A7 #8D949B #7F8690 #727984 #646B78 #575E6D

#A8AFB3 - #575E6D

HSV Blend

#A8AFB3 - #575E6D | 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 #A8AFB3 as 0% and #575E6D as 100%.

0.0%	0.0% #A8AFB3	RGB 168 175 179	#A8AFB3
16.7%	16.7% #99A1A7	RGB 153 161 167	#99A1A7
33.3%	33.3% #8A939B	RGB 138 147 155	#8A939B
50.0%	50.0% #7D8690	RGB 125 134 144	#7D8690
66.7%	66.7% #6F7884	RGB 111 120 132	#6F7884
83.3%	83.3% #636B78	RGB 99 107 120	#636B78
100.0%	100.0% #575E6D	RGB 87 94 109	#575E6D

#A8AFB3 #99A1A7 #8A939B #7D8690 #6F7884 #636B78 #575E6D

#A8AFB3 - #7D8690 - #575E6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AFB3 0%, #7D8690 50%, #575E6D 100%);
    background: -webkit-linear-gradient(top, #A8AFB3 0%, #7D8690 50%, #575E6D 100%);
    background: linear-gradient(to bottom, #A8AFB3 0%, #7D8690 50%, #575E6D 100%);
}
</style>