#AAAADB - #4D4E9F | 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 #4D4E9F

#AAAADB #4D4E9F

Calculate the color between two colors, #AAAADB and #4D4E9F. 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 - #4D4E9F | 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 #4D4E9F as 100%.

0.0%	0.0% #AAAADB	RGB 170 170 219	#AAAADB
16.7%	16.7% #9A9AD1	RGB 154 154 209	#9A9AD1
33.3%	33.3% #8B8BC7	RGB 139 139 199	#8B8BC7
50.0%	50.0% #7B7CBD	RGB 123 124 189	#7B7CBD
66.7%	66.7% #6C6CB3	RGB 108 108 179	#6C6CB3
83.3%	83.3% #5C5DA9	RGB 92 93 169	#5C5DA9
100.0%	100.0% #4D4E9F	RGB 77 78 159	#4D4E9F

#AAAADB #9A9AD1 #8B8BC7 #7B7CBD #6C6CB3 #5C5DA9 #4D4E9F

#AAAADB - #4D4E9F

HSV Blend

#AAAADB - #4D4E9F | 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 #4D4E9F as 100%.

0.0%	0.0% #AAAADB	RGB 170 170 219	#AAAADB
16.7%	16.7% #9898D1	RGB 152 152 209	#9898D1
33.3%	33.3% #8787C7	RGB 135 135 199	#8787C7
50.0%	50.0% #7777BD	RGB 119 119 189	#7777BD
66.7%	66.7% #6868B3	RGB 104 104 179	#6868B3
83.3%	83.3% #5A5AA9	RGB 90 90 169	#5A5AA9
100.0%	100.0% #4D4E9F	RGB 77 78 159	#4D4E9F

#AAAADB #9898D1 #8787C7 #7777BD #6868B3 #5A5AA9 #4D4E9F

#AAAADB - #7777BD - #4D4E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAAADB 0%, #7777BD 50%, #4D4E9F 100%);
    background: -webkit-linear-gradient(top, #AAAADB 0%, #7777BD 50%, #4D4E9F 100%);
    background: linear-gradient(to bottom, #AAAADB 0%, #7777BD 50%, #4D4E9F 100%);
}
</style>