#A8BADB - #5364A1 | 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 #A8BADB to #5364A1

#A8BADB #5364A1

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

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

0.0%	0.0% #A8BADB	RGB 168 186 219	#A8BADB
16.7%	16.7% #99ABD1	RGB 153 171 209	#99ABD1
33.3%	33.3% #8B9DC7	RGB 139 157 199	#8B9DC7
50.0%	50.0% #7D8FBE	RGB 125 143 190	#7D8FBE
66.7%	66.7% #6F80B4	RGB 111 128 180	#6F80B4
83.3%	83.3% #6172AA	RGB 97 114 170	#6172AA
100.0%	100.0% #5364A1	RGB 83 100 161	#5364A1

#A8BADB #99ABD1 #8B9DC7 #7D8FBE #6F80B4 #6172AA #5364A1

#A8BADB - #5364A1

HSV Blend

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

0.0%	0.0% #A8BADB	RGB 168 186 219	#A8BADB
16.7%	16.7% #97AAD1	RGB 151 170 209	#97AAD1
33.3%	33.3% #889BC7	RGB 136 155 199	#889BC7
50.0%	50.0% #798DBE	RGB 121 141 190	#798DBE
66.7%	66.7% #6C7FB4	RGB 108 127 180	#6C7FB4
83.3%	83.3% #5F71AA	RGB 95 113 170	#5F71AA
100.0%	100.0% #5364A1	RGB 83 100 161	#5364A1

#A8BADB #97AAD1 #889BC7 #798DBE #6C7FB4 #5F71AA #5364A1

#A8BADB - #798DBE - #5364A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BADB 0%, #798DBE 50%, #5364A1 100%);
    background: -webkit-linear-gradient(top, #A8BADB 0%, #798DBE 50%, #5364A1 100%);
    background: linear-gradient(to bottom, #A8BADB 0%, #798DBE 50%, #5364A1 100%);
}
</style>