#5E8493 - #AAA8AF | 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 #5E8493 to #AAA8AF

#5E8493 #AAA8AF

Calculate the color between two colors, #5E8493 and #AAA8AF. 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)

#5E8493 - #AAA8AF | 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 #5E8493 as 0% and #AAA8AF as 100%.

0.0%	0.0% #5E8493	RGB 94 132 147	#5E8493
16.7%	16.7% #6A8A97	RGB 106 138 151	#6A8A97
33.3%	33.3% #77909C	RGB 119 144 156	#77909C
50.0%	50.0% #8496A1	RGB 132 150 161	#8496A1
66.7%	66.7% #909CA5	RGB 144 156 165	#909CA5
83.3%	83.3% #9DA2AA	RGB 157 162 170	#9DA2AA
100.0%	100.0% #AAA8AF	RGB 170 168 175	#AAA8AF

#5E8493 #6A8A97 #77909C #8496A1 #909CA5 #9DA2AA #AAA8AF

#5E8493 - #AAA8AF

HSV Blend

#5E8493 - #AAA8AF | 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 #5E8493 as 0% and #AAA8AF as 100%.

0.0%	0.0% #5E8493	RGB 94 132 147	#5E8493
16.7%	16.7% #698297	RGB 105 130 151	#698297
33.3%	33.3% #74839C	RGB 116 131 156	#74839C
50.0%	50.0% #8087A1	RGB 128 135 161	#8087A1
66.7%	66.7% #8D8EA5	RGB 141 142 165	#8D8EA5
83.3%	83.3% #9C9AAA	RGB 156 154 170	#9C9AAA
100.0%	100.0% #AAA8AF	RGB 170 168 175	#AAA8AF

#5E8493 #698297 #74839C #8087A1 #8D8EA5 #9C9AAA #AAA8AF

#5E8493 - #8087A1 - #AAA8AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8493 0%, #8087A1 50%, #AAA8AF 100%);
    background: -webkit-linear-gradient(top, #5E8493 0%, #8087A1 50%, #AAA8AF 100%);
    background: linear-gradient(to bottom, #5E8493 0%, #8087A1 50%, #AAA8AF 100%);
}
</style>