#5E7C8F - #ABA5AE | 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 #5E7C8F to #ABA5AE

#5E7C8F #ABA5AE

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

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

0.0%	0.0% #5E7C8F	RGB 94 124 143	#5E7C8F
16.7%	16.7% #6A8294	RGB 106 130 148	#6A8294
33.3%	33.3% #778999	RGB 119 137 153	#778999
50.0%	50.0% #84909E	RGB 132 144 158	#84909E
66.7%	66.7% #9197A3	RGB 145 151 163	#9197A3
83.3%	83.3% #9E9EA8	RGB 158 158 168	#9E9EA8
100.0%	100.0% #ABA5AE	RGB 171 165 174	#ABA5AE

#5E7C8F #6A8294 #778999 #84909E #9197A3 #9E9EA8 #ABA5AE

#5E7C8F - #ABA5AE

HSV Blend

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

0.0%	0.0% #5E7C8F	RGB 94 124 143	#5E7C8F
16.7%	16.7% #687994	RGB 104 121 148	#687994
33.3%	33.3% #737A99	RGB 115 122 153	#737A99
50.0%	50.0% #807F9E	RGB 128 127 158	#807F9E
66.7%	66.7% #918BA3	RGB 145 139 163	#918BA3
83.3%	83.3% #9F97A8	RGB 159 151 168	#9F97A8
100.0%	100.0% #ABA5AE	RGB 171 165 174	#ABA5AE

#5E7C8F #687994 #737A99 #807F9E #918BA3 #9F97A8 #ABA5AE

#5E7C8F - #807F9E - #ABA5AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7C8F 0%, #807F9E 50%, #ABA5AE 100%);
    background: -webkit-linear-gradient(top, #5E7C8F 0%, #807F9E 50%, #ABA5AE 100%);
    background: linear-gradient(to bottom, #5E7C8F 0%, #807F9E 50%, #ABA5AE 100%);
}
</style>