#A8ABC7 - #535599 | 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 #A8ABC7 to #535599

#A8ABC7 #535599

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

#A8ABC7 - #535599 | 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 #A8ABC7 as 0% and #535599 as 100%.

0.0%	0.0% #A8ABC7	RGB 168 171 199	#A8ABC7
16.7%	16.7% #999CBF	RGB 153 156 191	#999CBF
33.3%	33.3% #8B8EB7	RGB 139 142 183	#8B8EB7
50.0%	50.0% #7D80B0	RGB 125 128 176	#7D80B0
66.7%	66.7% #6F71A8	RGB 111 113 168	#6F71A8
83.3%	83.3% #6163A0	RGB 97 99 160	#6163A0
100.0%	100.0% #535599	RGB 83 85 153	#535599

#A8ABC7 #999CBF #8B8EB7 #7D80B0 #6F71A8 #6163A0 #535599

#A8ABC7 - #535599

HSV Blend

#A8ABC7 - #535599 | 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 #A8ABC7 as 0% and #535599 as 100%.

0.0%	0.0% #A8ABC7	RGB 168 171 199	#A8ABC7
16.7%	16.7% #979BBF	RGB 151 155 191	#979BBF
33.3%	33.3% #888CB7	RGB 136 140 183	#888CB7
50.0%	50.0% #7A7DB0	RGB 122 125 176	#7A7DB0
66.7%	66.7% #6C6FA8	RGB 108 111 168	#6C6FA8
83.3%	83.3% #5F61A0	RGB 95 97 160	#5F61A0
100.0%	100.0% #535599	RGB 83 85 153	#535599

#A8ABC7 #979BBF #888CB7 #7A7DB0 #6C6FA8 #5F61A0 #535599

#A8ABC7 - #7A7DB0 - #535599

CSS codes

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

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