#A8AFB5 - #555F70 | 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 #A8AFB5 to #555F70

#A8AFB5 #555F70

Calculate the color between two colors, #A8AFB5 and #555F70. 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)

#A8AFB5 - #555F70 | 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 #A8AFB5 as 0% and #555F70 as 100%.

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #9AA1A9	RGB 154 161 169	#9AA1A9
33.3%	33.3% #8C949E	RGB 140 148 158	#8C949E
50.0%	50.0% #7E8792	RGB 126 135 146	#7E8792
66.7%	66.7% #707987	RGB 112 121 135	#707987
83.3%	83.3% #626C7B	RGB 98 108 123	#626C7B
100.0%	100.0% #555F70	RGB 85 95 112	#555F70

#A8AFB5 #9AA1A9 #8C949E #7E8792 #707987 #626C7B #555F70

#A8AFB5 - #555F70

HSV Blend

#A8AFB5 - #555F70 | 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 #A8AFB5 as 0% and #555F70 as 100%.

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #98A1A9	RGB 152 161 169	#98A1A9
33.3%	33.3% #89939E	RGB 137 147 158	#89939E
50.0%	50.0% #7B8592	RGB 123 133 146	#7B8592
66.7%	66.7% #6E7887	RGB 110 120 135	#6E7887
83.3%	83.3% #616B7B	RGB 97 107 123	#616B7B
100.0%	100.0% #555F70	RGB 85 95 112	#555F70

#A8AFB5 #98A1A9 #89939E #7B8592 #6E7887 #616B7B #555F70

#A8AFB5 - #7B8592 - #555F70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AFB5 0%, #7B8592 50%, #555F70 100%);
    background: -webkit-linear-gradient(top, #A8AFB5 0%, #7B8592 50%, #555F70 100%);
    background: linear-gradient(to bottom, #A8AFB5 0%, #7B8592 50%, #555F70 100%);
}
</style>