#ABA8AD - #5E5462 | 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 #ABA8AD to #5E5462

#ABA8AD #5E5462

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

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

0.0%	0.0% #ABA8AD	RGB 171 168 173	#ABA8AD
16.7%	16.7% #9E9AA0	RGB 158 154 160	#9E9AA0
33.3%	33.3% #918C94	RGB 145 140 148	#918C94
50.0%	50.0% #847E87	RGB 132 126 135	#847E87
66.7%	66.7% #77707B	RGB 119 112 123	#77707B
83.3%	83.3% #6A626E	RGB 106 98 110	#6A626E
100.0%	100.0% #5E5462	RGB 94 84 98	#5E5462

#ABA8AD #9E9AA0 #918C94 #847E87 #77707B #6A626E #5E5462

#ABA8AD - #5E5462

HSV Blend

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

0.0%	0.0% #ABA8AD	RGB 171 168 173	#ABA8AD
16.7%	16.7% #9D98A0	RGB 157 152 160	#9D98A0
33.3%	33.3% #908A94	RGB 144 138 148	#908A94
50.0%	50.0% #837B87	RGB 131 123 135	#837B87
66.7%	66.7% #766E7B	RGB 118 110 123	#766E7B
83.3%	83.3% #6A606E	RGB 106 96 110	#6A606E
100.0%	100.0% #5E5462	RGB 94 84 98	#5E5462

#ABA8AD #9D98A0 #908A94 #837B87 #766E7B #6A606E #5E5462

#ABA8AD - #837B87 - #5E5462

CSS codes

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

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