#ABA6AF - #5E5064 | 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 #ABA6AF to #5E5064

#ABA6AF #5E5064

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

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

0.0%	0.0% #ABA6AF	RGB 171 166 175	#ABA6AF
16.7%	16.7% #9E97A2	RGB 158 151 162	#9E97A2
33.3%	33.3% #918996	RGB 145 137 150	#918996
50.0%	50.0% #847B89	RGB 132 123 137	#847B89
66.7%	66.7% #776C7D	RGB 119 108 125	#776C7D
83.3%	83.3% #6A5E70	RGB 106 94 112	#6A5E70
100.0%	100.0% #5E5064	RGB 94 80 100	#5E5064

#ABA6AF #9E97A2 #918996 #847B89 #776C7D #6A5E70 #5E5064

#ABA6AF - #5E5064

HSV Blend

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

0.0%	0.0% #ABA6AF	RGB 171 166 175	#ABA6AF
16.7%	16.7% #9D96A2	RGB 157 150 162	#9D96A2
33.3%	33.3% #8F8696	RGB 143 134 150	#8F8696
50.0%	50.0% #837889	RGB 131 120 137	#837889
66.7%	66.7% #766A7D	RGB 118 106 125	#766A7D
83.3%	83.3% #6A5C70	RGB 106 92 112	#6A5C70
100.0%	100.0% #5E5064	RGB 94 80 100	#5E5064

#ABA6AF #9D96A2 #8F8696 #837889 #766A7D #6A5C70 #5E5064

#ABA6AF - #837889 - #5E5064

CSS codes

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

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