#A8B5D7 - #5361AB | 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 #A8B5D7 to #5361AB

#A8B5D7 #5361AB

Calculate the color between two colors, #A8B5D7 and #5361AB. 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)

#A8B5D7 - #5361AB | 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 #A8B5D7 as 0% and #5361AB as 100%.

0.0%	0.0% #A8B5D7	RGB 168 181 215	#A8B5D7
16.7%	16.7% #99A7CF	RGB 153 167 207	#99A7CF
33.3%	33.3% #8B99C8	RGB 139 153 200	#8B99C8
50.0%	50.0% #7D8BC1	RGB 125 139 193	#7D8BC1
66.7%	66.7% #6F7DB9	RGB 111 125 185	#6F7DB9
83.3%	83.3% #616FB2	RGB 97 111 178	#616FB2
100.0%	100.0% #5361AB	RGB 83 97 171	#5361AB

#A8B5D7 #99A7CF #8B99C8 #7D8BC1 #6F7DB9 #616FB2 #5361AB

#A8B5D7 - #5361AB

HSV Blend

#A8B5D7 - #5361AB | 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 #A8B5D7 as 0% and #5361AB as 100%.

0.0%	0.0% #A8B5D7	RGB 168 181 215	#A8B5D7
16.7%	16.7% #98A6CF	RGB 152 166 207	#98A6CF
33.3%	33.3% #8897C8	RGB 136 151 200	#8897C8
50.0%	50.0% #7A89C1	RGB 122 137 193	#7A89C1
66.7%	66.7% #6C7BB9	RGB 108 123 185	#6C7BB9
83.3%	83.3% #5F6EB2	RGB 95 110 178	#5F6EB2
100.0%	100.0% #5361AB	RGB 83 97 171	#5361AB

#A8B5D7 #98A6CF #8897C8 #7A89C1 #6C7BB9 #5F6EB2 #5361AB

#A8B5D7 - #7A89C1 - #5361AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B5D7 0%, #7A89C1 50%, #5361AB 100%);
    background: -webkit-linear-gradient(top, #A8B5D7 0%, #7A89C1 50%, #5361AB 100%);
    background: linear-gradient(to bottom, #A8B5D7 0%, #7A89C1 50%, #5361AB 100%);
}
</style>