#AAB9CD - #526A8D | 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 #AAB9CD to #526A8D

#AAB9CD #526A8D

Calculate the color between two colors, #AAB9CD and #526A8D. 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)

#AAB9CD - #526A8D | 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 #AAB9CD as 0% and #526A8D as 100%.

0.0%	0.0% #AAB9CD	RGB 170 185 205	#AAB9CD
16.7%	16.7% #9BABC2	RGB 155 171 194	#9BABC2
33.3%	33.3% #8C9EB7	RGB 140 158 183	#8C9EB7
50.0%	50.0% #7E91AD	RGB 126 145 173	#7E91AD
66.7%	66.7% #6F84A2	RGB 111 132 162	#6F84A2
83.3%	83.3% #607797	RGB 96 119 151	#607797
100.0%	100.0% #526A8D	RGB 82 106 141	#526A8D

#AAB9CD #9BABC2 #8C9EB7 #7E91AD #6F84A2 #607797 #526A8D

#AAB9CD - #526A8D

HSV Blend

#AAB9CD - #526A8D | 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 #AAB9CD as 0% and #526A8D as 100%.

0.0%	0.0% #AAB9CD	RGB 170 185 205	#AAB9CD
16.7%	16.7% #99AAC2	RGB 153 170 194	#99AAC2
33.3%	33.3% #899CB7	RGB 137 156 183	#899CB7
50.0%	50.0% #7A8FAD	RGB 122 143 173	#7A8FAD
66.7%	66.7% #6B82A2	RGB 107 130 162	#6B82A2
83.3%	83.3% #5E7597	RGB 94 117 151	#5E7597
100.0%	100.0% #526A8D	RGB 82 106 141	#526A8D

#AAB9CD #99AAC2 #899CB7 #7A8FAD #6B82A2 #5E7597 #526A8D

#AAB9CD - #7A8FAD - #526A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAB9CD 0%, #7A8FAD 50%, #526A8D 100%);
    background: -webkit-linear-gradient(top, #AAB9CD 0%, #7A8FAD 50%, #526A8D 100%);
    background: linear-gradient(to bottom, #AAB9CD 0%, #7A8FAD 50%, #526A8D 100%);
}
</style>