#A8B8C8 - #526887 | 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 #A8B8C8 to #526887

#A8B8C8 #526887

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

#A8B8C8 - #526887 | 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 #A8B8C8 as 0% and #526887 as 100%.

0.0%	0.0% #A8B8C8	RGB 168 184 200	#A8B8C8
16.7%	16.7% #99AABD	RGB 153 170 189	#99AABD
33.3%	33.3% #8B9DB2	RGB 139 157 178	#8B9DB2
50.0%	50.0% #7D90A7	RGB 125 144 167	#7D90A7
66.7%	66.7% #6E829C	RGB 110 130 156	#6E829C
83.3%	83.3% #607591	RGB 96 117 145	#607591
100.0%	100.0% #526887	RGB 82 104 135	#526887

#A8B8C8 #99AABD #8B9DB2 #7D90A7 #6E829C #607591 #526887

#A8B8C8 - #526887

HSV Blend

#A8B8C8 - #526887 | 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 #A8B8C8 as 0% and #526887 as 100%.

0.0%	0.0% #A8B8C8	RGB 168 184 200	#A8B8C8
16.7%	16.7% #97A9BD	RGB 151 169 189	#97A9BD
33.3%	33.3% #879BB2	RGB 135 155 178	#879BB2
50.0%	50.0% #798EA7	RGB 121 142 167	#798EA7
66.7%	66.7% #6B819C	RGB 107 129 156	#6B819C
83.3%	83.3% #5E7491	RGB 94 116 145	#5E7491
100.0%	100.0% #526887	RGB 82 104 135	#526887

#A8B8C8 #97A9BD #879BB2 #798EA7 #6B819C #5E7491 #526887

#A8B8C8 - #798EA7 - #526887

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B8C8 0%, #798EA7 50%, #526887 100%);
    background: -webkit-linear-gradient(top, #A8B8C8 0%, #798EA7 50%, #526887 100%);
    background: linear-gradient(to bottom, #A8B8C8 0%, #798EA7 50%, #526887 100%);
}
</style>