#A8AFCC - #5A588D | 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 #A8AFCC to #5A588D

#A8AFCC #5A588D

Calculate the color between two colors, #A8AFCC and #5A588D. 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)

#A8AFCC - #5A588D | 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 #A8AFCC as 0% and #5A588D as 100%.

0.0%	0.0% #A8AFCC	RGB 168 175 204	#A8AFCC
16.7%	16.7% #9BA0C1	RGB 155 160 193	#9BA0C1
33.3%	33.3% #8E92B7	RGB 142 146 183	#8E92B7
50.0%	50.0% #8183AC	RGB 129 131 172	#8183AC
66.7%	66.7% #7475A2	RGB 116 117 162	#7475A2
83.3%	83.3% #676697	RGB 103 102 151	#676697
100.0%	100.0% #5A588D	RGB 90 88 141	#5A588D

#A8AFCC #9BA0C1 #8E92B7 #8183AC #7475A2 #676697 #5A588D

#A8AFCC - #5A588D

HSV Blend

#A8AFCC - #5A588D | 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 #A8AFCC as 0% and #5A588D as 100%.

0.0%	0.0% #A8AFCC	RGB 168 175 204	#A8AFCC
16.7%	16.7% #989FC1	RGB 152 159 193	#989FC1
33.3%	33.3% #8A8FB7	RGB 138 143 183	#8A8FB7
50.0%	50.0% #7C80AC	RGB 124 128 172	#7C80AC
66.7%	66.7% #6F71A2	RGB 111 113 162	#6F71A2
83.3%	83.3% #636397	RGB 99 99 151	#636397
100.0%	100.0% #5A588D	RGB 90 88 141	#5A588D

#A8AFCC #989FC1 #8A8FB7 #7C80AC #6F71A2 #636397 #5A588D

#A8AFCC - #7C80AC - #5A588D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AFCC 0%, #7C80AC 50%, #5A588D 100%);
    background: -webkit-linear-gradient(top, #A8AFCC 0%, #7C80AC 50%, #5A588D 100%);
    background: linear-gradient(to bottom, #A8AFCC 0%, #7C80AC 50%, #5A588D 100%);
}
</style>