#AAB7E4 - #4B65AB | 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 #AAB7E4 to #4B65AB

#AAB7E4 #4B65AB

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

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

0.0%	0.0% #AAB7E4	RGB 170 183 228	#AAB7E4
16.7%	16.7% #9AA9DA	RGB 154 169 218	#9AA9DA
33.3%	33.3% #8A9BD1	RGB 138 155 209	#8A9BD1
50.0%	50.0% #7A8EC7	RGB 122 142 199	#7A8EC7
66.7%	66.7% #6A80BE	RGB 106 128 190	#6A80BE
83.3%	83.3% #5A72B4	RGB 90 114 180	#5A72B4
100.0%	100.0% #4B65AB	RGB 75 101 171	#4B65AB

#AAB7E4 #9AA9DA #8A9BD1 #7A8EC7 #6A80BE #5A72B4 #4B65AB

#AAB7E4 - #4B65AB

HSV Blend

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

0.0%	0.0% #AAB7E4	RGB 170 183 228	#AAB7E4
16.7%	16.7% #97A7DA	RGB 151 167 218	#97A7DA
33.3%	33.3% #8698D1	RGB 134 152 209	#8698D1
50.0%	50.0% #768AC7	RGB 118 138 199	#768AC7
66.7%	66.7% #667DBE	RGB 102 125 190	#667DBE
83.3%	83.3% #5870B4	RGB 88 112 180	#5870B4
100.0%	100.0% #4B65AB	RGB 75 101 171	#4B65AB

#AAB7E4 #97A7DA #8698D1 #768AC7 #667DBE #5870B4 #4B65AB

#AAB7E4 - #768AC7 - #4B65AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAB7E4 0%, #768AC7 50%, #4B65AB 100%);
    background: -webkit-linear-gradient(top, #AAB7E4 0%, #768AC7 50%, #4B65AB 100%);
    background: linear-gradient(to bottom, #AAB7E4 0%, #768AC7 50%, #4B65AB 100%);
}
</style>