#AAA8D3 - #5E469E | 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 #AAA8D3 to #5E469E

#AAA8D3 #5E469E

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

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

0.0%	0.0% #AAA8D3	RGB 170 168 211	#AAA8D3
16.7%	16.7% #9D97CA	RGB 157 151 202	#9D97CA
33.3%	33.3% #9087C1	RGB 144 135 193	#9087C1
50.0%	50.0% #8477B8	RGB 132 119 184	#8477B8
66.7%	66.7% #7766AF	RGB 119 102 175	#7766AF
83.3%	83.3% #6A56A6	RGB 106 86 166	#6A56A6
100.0%	100.0% #5E469E	RGB 94 70 158	#5E469E

#AAA8D3 #9D97CA #9087C1 #8477B8 #7766AF #6A56A6 #5E469E

#AAA8D3 - #5E469E

HSV Blend

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

0.0%	0.0% #AAA8D3	RGB 170 168 211	#AAA8D3
16.7%	16.7% #9995CA	RGB 153 149 202	#9995CA
33.3%	33.3% #8A83C1	RGB 138 131 193	#8A83C1
50.0%	50.0% #7D72B8	RGB 125 114 184	#7D72B8
66.7%	66.7% #7162AF	RGB 113 98 175	#7162AF
83.3%	83.3% #6753A6	RGB 103 83 166	#6753A6
100.0%	100.0% #5E469E	RGB 94 70 158	#5E469E

#AAA8D3 #9995CA #8A83C1 #7D72B8 #7162AF #6753A6 #5E469E

#AAA8D3 - #7D72B8 - #5E469E

CSS codes

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

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