#A6A1B9 - #5E4E85 | 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 #A6A1B9 to #5E4E85

#A6A1B9 #5E4E85

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

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

0.0%	0.0% #A6A1B9	RGB 166 161 185	#A6A1B9
16.7%	16.7% #9A93B0	RGB 154 147 176	#9A93B0
33.3%	33.3% #8E85A7	RGB 142 133 167	#8E85A7
50.0%	50.0% #82779F	RGB 130 119 159	#82779F
66.7%	66.7% #766996	RGB 118 105 150	#766996
83.3%	83.3% #6A5B8D	RGB 106 91 141	#6A5B8D
100.0%	100.0% #5E4E85	RGB 94 78 133	#5E4E85

#A6A1B9 #9A93B0 #8E85A7 #82779F #766996 #6A5B8D #5E4E85

#A6A1B9 - #5E4E85

HSV Blend

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

0.0%	0.0% #A6A1B9	RGB 166 161 185	#A6A1B9
16.7%	16.7% #9891B0	RGB 152 145 176	#9891B0
33.3%	33.3% #8A82A7	RGB 138 130 167	#8A82A7
50.0%	50.0% #7E739F	RGB 126 115 159	#7E739F
66.7%	66.7% #736696	RGB 115 102 150	#736696
83.3%	83.3% #68598D	RGB 104 89 141	#68598D
100.0%	100.0% #5E4E85	RGB 94 78 133	#5E4E85

#A6A1B9 #9891B0 #8A82A7 #7E739F #736696 #68598D #5E4E85

#A6A1B9 - #7E739F - #5E4E85

CSS codes

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

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