#5E6F91 - #A9A3AC | 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 #5E6F91 to #A9A3AC

#5E6F91 #A9A3AC

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

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

0.0%	0.0% #5E6F91	RGB 94 111 145	#5E6F91
16.7%	16.7% #6A7795	RGB 106 119 149	#6A7795
33.3%	33.3% #77809A	RGB 119 128 154	#77809A
50.0%	50.0% #83899E	RGB 131 137 158	#83899E
66.7%	66.7% #9091A3	RGB 144 145 163	#9091A3
83.3%	83.3% #9C9AA7	RGB 156 154 167	#9C9AA7
100.0%	100.0% #A9A3AC	RGB 169 163 172	#A9A3AC

#5E6F91 #6A7795 #77809A #83899E #9091A3 #9C9AA7 #A9A3AC

#5E6F91 - #A9A3AC

HSV Blend

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

0.0%	0.0% #5E6F91	RGB 94 111 145	#5E6F91
16.7%	16.7% #686F95	RGB 104 111 149	#686F95
33.3%	33.3% #73739A	RGB 115 115 154	#73739A
50.0%	50.0% #837E9E	RGB 131 126 158	#837E9E
66.7%	66.7% #928AA3	RGB 146 138 163	#928AA3
83.3%	83.3% #9E96A7	RGB 158 150 167	#9E96A7
100.0%	100.0% #A9A3AC	RGB 169 163 172	#A9A3AC

#5E6F91 #686F95 #73739A #837E9E #928AA3 #9E96A7 #A9A3AC

#5E6F91 - #837E9E - #A9A3AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6F91 0%, #837E9E 50%, #A9A3AC 100%);
    background: -webkit-linear-gradient(top, #5E6F91 0%, #837E9E 50%, #A9A3AC 100%);
    background: linear-gradient(to bottom, #5E6F91 0%, #837E9E 50%, #A9A3AC 100%);
}
</style>