#AAAACE - #4F538E | 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 #AAAACE to #4F538E

#AAAACE #4F538E

Calculate the color between two colors, #AAAACE and #4F538E. 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)

#AAAACE - #4F538E | 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 #AAAACE as 0% and #4F538E as 100%.

0.0%	0.0% #AAAACE	RGB 170 170 206	#AAAACE
16.7%	16.7% #9A9BC3	RGB 154 155 195	#9A9BC3
33.3%	33.3% #8B8DB8	RGB 139 141 184	#8B8DB8
50.0%	50.0% #7C7EAE	RGB 124 126 174	#7C7EAE
66.7%	66.7% #6D70A3	RGB 109 112 163	#6D70A3
83.3%	83.3% #5E6198	RGB 94 97 152	#5E6198
100.0%	100.0% #4F538E	RGB 79 83 142	#4F538E

#AAAACE #9A9BC3 #8B8DB8 #7C7EAE #6D70A3 #5E6198 #4F538E

#AAAACE - #4F538E

HSV Blend

#AAAACE - #4F538E | 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 #AAAACE as 0% and #4F538E as 100%.

0.0%	0.0% #AAAACE	RGB 170 170 206	#AAAACE
16.7%	16.7% #9898C3	RGB 152 152 195	#9898C3
33.3%	33.3% #8788B8	RGB 135 136 184	#8788B8
50.0%	50.0% #7879AE	RGB 120 121 174	#7879AE
66.7%	66.7% #696BA3	RGB 105 107 163	#696BA3
83.3%	83.3% #5B5E98	RGB 91 94 152	#5B5E98
100.0%	100.0% #4F538E	RGB 79 83 142	#4F538E

#AAAACE #9898C3 #8788B8 #7879AE #696BA3 #5B5E98 #4F538E

#AAAACE - #7879AE - #4F538E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAAACE 0%, #7879AE 50%, #4F538E 100%);
    background: -webkit-linear-gradient(top, #AAAACE 0%, #7879AE 50%, #4F538E 100%);
    background: linear-gradient(to bottom, #AAAACE 0%, #7879AE 50%, #4F538E 100%);
}
</style>