#A8AADE - #4558A1 | 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 #A8AADE to #4558A1

#A8AADE #4558A1

Calculate the color between two colors, #A8AADE and #4558A1. 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)

#A8AADE - #4558A1 | 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 #A8AADE as 0% and #4558A1 as 100%.

0.0%	0.0% #A8AADE	RGB 168 170 222	#A8AADE
16.7%	16.7% #979CD3	RGB 151 156 211	#979CD3
33.3%	33.3% #878EC9	RGB 135 142 201	#878EC9
50.0%	50.0% #7681BF	RGB 118 129 191	#7681BF
66.7%	66.7% #6673B5	RGB 102 115 181	#6673B5
83.3%	83.3% #5565AB	RGB 85 101 171	#5565AB
100.0%	100.0% #4558A1	RGB 69 88 161	#4558A1

#A8AADE #979CD3 #878EC9 #7681BF #6673B5 #5565AB #4558A1

#A8AADE - #4558A1

HSV Blend

#A8AADE - #4558A1 | 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 #A8AADE as 0% and #4558A1 as 100%.

0.0%	0.0% #A8AADE	RGB 168 170 222	#A8AADE
16.7%	16.7% #9498D3	RGB 148 152 211	#9498D3
33.3%	33.3% #8289C9	RGB 130 137 201	#8289C9
50.0%	50.0% #717ABF	RGB 113 122 191	#717ABF
66.7%	66.7% #616EB5	RGB 97 110 181	#616EB5
83.3%	83.3% #5262AB	RGB 82 98 171	#5262AB
100.0%	100.0% #4558A1	RGB 69 88 161	#4558A1

#A8AADE #9498D3 #8289C9 #717ABF #616EB5 #5262AB #4558A1

#A8AADE - #717ABF - #4558A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AADE 0%, #717ABF 50%, #4558A1 100%);
    background: -webkit-linear-gradient(top, #A8AADE 0%, #717ABF 50%, #4558A1 100%);
    background: linear-gradient(to bottom, #A8AADE 0%, #717ABF 50%, #4558A1 100%);
}
</style>