#A6A2D0 - #5C4D9E | 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 #A6A2D0 to #5C4D9E

#A6A2D0 #5C4D9E

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

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

0.0%	0.0% #A6A2D0	RGB 166 162 208	#A6A2D0
16.7%	16.7% #9993C7	RGB 153 147 199	#9993C7
33.3%	33.3% #8D85BF	RGB 141 133 191	#8D85BF
50.0%	50.0% #8177B7	RGB 129 119 183	#8177B7
66.7%	66.7% #7469AE	RGB 116 105 174	#7469AE
83.3%	83.3% #685BA6	RGB 104 91 166	#685BA6
100.0%	100.0% #5C4D9E	RGB 92 77 158	#5C4D9E

#A6A2D0 #9993C7 #8D85BF #8177B7 #7469AE #685BA6 #5C4D9E

#A6A2D0 - #5C4D9E

HSV Blend

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

0.0%	0.0% #A6A2D0	RGB 166 162 208	#A6A2D0
16.7%	16.7% #9791C7	RGB 151 145 199	#9791C7
33.3%	33.3% #8982BF	RGB 137 130 191	#8982BF
50.0%	50.0% #7C73B7	RGB 124 115 183	#7C73B7
66.7%	66.7% #7166AE	RGB 113 102 174	#7166AE
83.3%	83.3% #6659A6	RGB 102 89 166	#6659A6
100.0%	100.0% #5C4D9E	RGB 92 77 158	#5C4D9E

#A6A2D0 #9791C7 #8982BF #7C73B7 #7166AE #6659A6 #5C4D9E

#A6A2D0 - #7C73B7 - #5C4D9E

CSS codes

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

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