#A8A8B9 - #575684 | 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 #A8A8B9 to #575684

#A8A8B9 #575684

Calculate the color between two colors, #A8A8B9 and #575684. 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)

#A8A8B9 - #575684 | 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 #A8A8B9 as 0% and #575684 as 100%.

0.0%	0.0% #A8A8B9	RGB 168 168 185	#A8A8B9
16.7%	16.7% #9A9AB0	RGB 154 154 176	#9A9AB0
33.3%	33.3% #8D8CA7	RGB 141 140 167	#8D8CA7
50.0%	50.0% #7F7F9E	RGB 127 127 158	#7F7F9E
66.7%	66.7% #727195	RGB 114 113 149	#727195
83.3%	83.3% #64638C	RGB 100 99 140	#64638C
100.0%	100.0% #575684	RGB 87 86 132	#575684

#A8A8B9 #9A9AB0 #8D8CA7 #7F7F9E #727195 #64638C #575684

#A8A8B9 - #575684

HSV Blend

#A8A8B9 - #575684 | 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 #A8A8B9 as 0% and #575684 as 100%.

0.0%	0.0% #A8A8B9	RGB 168 168 185	#A8A8B9
16.7%	16.7% #9898B0	RGB 152 152 176	#9898B0
33.3%	33.3% #8989A7	RGB 137 137 167	#8989A7
50.0%	50.0% #7B7B9E	RGB 123 123 158	#7B7B9E
66.7%	66.7% #6E6E95	RGB 110 110 149	#6E6E95
83.3%	83.3% #62618C	RGB 98 97 140	#62618C
100.0%	100.0% #575684	RGB 87 86 132	#575684

#A8A8B9 #9898B0 #8989A7 #7B7B9E #6E6E95 #62618C #575684

#A8A8B9 - #7B7B9E - #575684

CSS codes

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

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