#A49BBC - #5D3E71 | 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 #A49BBC to #5D3E71

#A49BBC #5D3E71

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

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

0.0%	0.0% #A49BBC	RGB 164 155 188	#A49BBC
16.7%	16.7% #988BAF	RGB 152 139 175	#988BAF
33.3%	33.3% #8C7CA3	RGB 140 124 163	#8C7CA3
50.0%	50.0% #806C96	RGB 128 108 150	#806C96
66.7%	66.7% #745D8A	RGB 116 93 138	#745D8A
83.3%	83.3% #684D7D	RGB 104 77 125	#684D7D
100.0%	100.0% #5D3E71	RGB 93 62 113	#5D3E71

#A49BBC #988BAF #8C7CA3 #806C96 #745D8A #684D7D #5D3E71

#A49BBC - #5D3E71

HSV Blend

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

0.0%	0.0% #A49BBC	RGB 164 155 188	#A49BBC
16.7%	16.7% #9588AF	RGB 149 136 175	#9588AF
33.3%	33.3% #8877A3	RGB 136 119 163	#8877A3
50.0%	50.0% #7C6796	RGB 124 103 150	#7C6796
66.7%	66.7% #71588A	RGB 113 88 138	#71588A
83.3%	83.3% #664A7D	RGB 102 74 125	#664A7D
100.0%	100.0% #5D3E71	RGB 93 62 113	#5D3E71

#A49BBC #9588AF #8877A3 #7C6796 #71588A #664A7D #5D3E71

#A49BBC - #7C6796 - #5D3E71

CSS codes

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

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