#A8ACBC - #555E87 | 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 #A8ACBC to #555E87

#A8ACBC #555E87

Calculate the color between two colors, #A8ACBC and #555E87. 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)

#A8ACBC - #555E87 | 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 #A8ACBC as 0% and #555E87 as 100%.

0.0%	0.0% #A8ACBC	RGB 168 172 188	#A8ACBC
16.7%	16.7% #9A9FB3	RGB 154 159 179	#9A9FB3
33.3%	33.3% #8C92AA	RGB 140 146 170	#8C92AA
50.0%	50.0% #7E85A1	RGB 126 133 161	#7E85A1
66.7%	66.7% #707898	RGB 112 120 152	#707898
83.3%	83.3% #626B8F	RGB 98 107 143	#626B8F
100.0%	100.0% #555E87	RGB 85 94 135	#555E87

#A8ACBC #9A9FB3 #8C92AA #7E85A1 #707898 #626B8F #555E87

#A8ACBC - #555E87

HSV Blend

#A8ACBC - #555E87 | 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 #A8ACBC as 0% and #555E87 as 100%.

0.0%	0.0% #A8ACBC	RGB 168 172 188	#A8ACBC
16.7%	16.7% #989DB3	RGB 152 157 179	#989DB3
33.3%	33.3% #898FAA	RGB 137 143 170	#898FAA
50.0%	50.0% #7B82A1	RGB 123 130 161	#7B82A1
66.7%	66.7% #6D7598	RGB 109 117 152	#6D7598
83.3%	83.3% #60698F	RGB 96 105 143	#60698F
100.0%	100.0% #555E87	RGB 85 94 135	#555E87

#A8ACBC #989DB3 #898FAA #7B82A1 #6D7598 #60698F #555E87

#A8ACBC - #7B82A1 - #555E87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACBC 0%, #7B82A1 50%, #555E87 100%);
    background: -webkit-linear-gradient(top, #A8ACBC 0%, #7B82A1 50%, #555E87 100%);
    background: linear-gradient(to bottom, #A8ACBC 0%, #7B82A1 50%, #555E87 100%);
}
</style>