#AAB9EB - #4966B6 | 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 #AAB9EB to #4966B6

#AAB9EB #4966B6

Calculate the color between two colors, #AAB9EB and #4966B6. 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)

#AAB9EB - #4966B6 | 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 #AAB9EB as 0% and #4966B6 as 100%.

0.0%	0.0% #AAB9EB	RGB 170 185 235	#AAB9EB
16.7%	16.7% #99ABE2	RGB 153 171 226	#99ABE2
33.3%	33.3% #899DD9	RGB 137 157 217	#899DD9
50.0%	50.0% #798FD0	RGB 121 143 208	#798FD0
66.7%	66.7% #6981C7	RGB 105 129 199	#6981C7
83.3%	83.3% #5973BE	RGB 89 115 190	#5973BE
100.0%	100.0% #4966B6	RGB 73 102 182	#4966B6

#AAB9EB #99ABE2 #899DD9 #798FD0 #6981C7 #5973BE #4966B6

#AAB9EB - #4966B6

HSV Blend

#AAB9EB - #4966B6 | 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 #AAB9EB as 0% and #4966B6 as 100%.

0.0%	0.0% #AAB9EB	RGB 170 185 235	#AAB9EB
16.7%	16.7% #97A9E2	RGB 151 169 226	#97A9E2
33.3%	33.3% #859AD9	RGB 133 154 217	#859AD9
50.0%	50.0% #758BD0	RGB 117 139 208	#758BD0
66.7%	66.7% #657EC7	RGB 101 126 199	#657EC7
83.3%	83.3% #5671BE	RGB 86 113 190	#5671BE
100.0%	100.0% #4966B6	RGB 73 102 182	#4966B6

#AAB9EB #97A9E2 #859AD9 #758BD0 #657EC7 #5671BE #4966B6

#AAB9EB - #758BD0 - #4966B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAB9EB 0%, #758BD0 50%, #4966B6 100%);
    background: -webkit-linear-gradient(top, #AAB9EB 0%, #758BD0 50%, #4966B6 100%);
    background: linear-gradient(to bottom, #AAB9EB 0%, #758BD0 50%, #4966B6 100%);
}
</style>