#AAAADB - #47599D | 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 #AAAADB to #47599D

#AAAADB #47599D

Calculate the color between two colors, #AAAADB and #47599D. 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)

#AAAADB - #47599D | 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 #AAAADB as 0% and #47599D as 100%.

0.0%	0.0% #AAAADB	RGB 170 170 219	#AAAADB
16.7%	16.7% #999CD0	RGB 153 156 208	#999CD0
33.3%	33.3% #898FC6	RGB 137 143 198	#898FC6
50.0%	50.0% #7881BC	RGB 120 129 188	#7881BC
66.7%	66.7% #6874B1	RGB 104 116 177	#6874B1
83.3%	83.3% #5766A7	RGB 87 102 167	#5766A7
100.0%	100.0% #47599D	RGB 71 89 157	#47599D

#AAAADB #999CD0 #898FC6 #7881BC #6874B1 #5766A7 #47599D

#AAAADB - #47599D

HSV Blend

#AAAADB - #47599D | 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 #AAAADB as 0% and #47599D as 100%.

0.0%	0.0% #AAAADB	RGB 170 170 219	#AAAADB
16.7%	16.7% #9698D0	RGB 150 152 208	#9698D0
33.3%	33.3% #8489C6	RGB 132 137 198	#8489C6
50.0%	50.0% #737BBC	RGB 115 123 188	#737BBC
66.7%	66.7% #636EB1	RGB 99 110 177	#636EB1
83.3%	83.3% #5463A7	RGB 84 99 167	#5463A7
100.0%	100.0% #47599D	RGB 71 89 157	#47599D

#AAAADB #9698D0 #8489C6 #737BBC #636EB1 #5463A7 #47599D

#AAAADB - #737BBC - #47599D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAAADB 0%, #737BBC 50%, #47599D 100%);
    background: -webkit-linear-gradient(top, #AAAADB 0%, #737BBC 50%, #47599D 100%);
    background: linear-gradient(to bottom, #AAAADB 0%, #737BBC 50%, #47599D 100%);
}
</style>