#6A5E6B - #A77AE3 | 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 #6A5E6B to #A77AE3

#6A5E6B #A77AE3

Calculate the color between two colors, #6A5E6B and #A77AE3. 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)

#6A5E6B - #A77AE3 | 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 #6A5E6B as 0% and #A77AE3 as 100%.

0.0%	0.0% #6A5E6B	RGB 106 94 107	#6A5E6B
16.7%	16.7% #74627F	RGB 116 98 127	#74627F
33.3%	33.3% #7E6793	RGB 126 103 147	#7E6793
50.0%	50.0% #886CA7	RGB 136 108 167	#886CA7
66.7%	66.7% #9270BB	RGB 146 112 187	#9270BB
83.3%	83.3% #9C75CF	RGB 156 117 207	#9C75CF
100.0%	100.0% #A77AE3	RGB 167 122 227	#A77AE3

#6A5E6B #74627F #7E6793 #886CA7 #9270BB #9C75CF #A77AE3

#6A5E6B - #A77AE3

HSV Blend

#6A5E6B - #A77AE3 | 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 #6A5E6B as 0% and #A77AE3 as 100%.

0.0%	0.0% #6A5E6B	RGB 106 94 107	#6A5E6B
16.7%	16.7% #7B687F	RGB 123 104 127	#7B687F
33.3%	33.3% #8A7093	RGB 138 112 147	#8A7093
50.0%	50.0% #9776A7	RGB 151 118 167	#9776A7
66.7%	66.7% #A079BB	RGB 160 121 187	#A079BB
83.3%	83.3% #A57BCF	RGB 165 123 207	#A57BCF
100.0%	100.0% #A77AE3	RGB 167 122 227	#A77AE3

#6A5E6B #7B687F #8A7093 #9776A7 #A079BB #A57BCF #A77AE3

#6A5E6B - #9776A7 - #A77AE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A5E6B 0%, #9776A7 50%, #A77AE3 100%);
    background: -webkit-linear-gradient(top, #6A5E6B 0%, #9776A7 50%, #A77AE3 100%);
    background: linear-gradient(to bottom, #6A5E6B 0%, #9776A7 50%, #A77AE3 100%);
}
</style>