#A8BCC0 - #5A6A7E | 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 #A8BCC0 to #5A6A7E

#A8BCC0 #5A6A7E

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

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

0.0%	0.0% #A8BCC0	RGB 168 188 192	#A8BCC0
16.7%	16.7% #9BAEB5	RGB 155 174 181	#9BAEB5
33.3%	33.3% #8EA0AA	RGB 142 160 170	#8EA0AA
50.0%	50.0% #81939F	RGB 129 147 159	#81939F
66.7%	66.7% #748594	RGB 116 133 148	#748594
83.3%	83.3% #677789	RGB 103 119 137	#677789
100.0%	100.0% #5A6A7E	RGB 90 106 126	#5A6A7E

#A8BCC0 #9BAEB5 #8EA0AA #81939F #748594 #677789 #5A6A7E

#A8BCC0 - #5A6A7E

HSV Blend

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

0.0%	0.0% #A8BCC0	RGB 168 188 192	#A8BCC0
16.7%	16.7% #99AEB5	RGB 153 174 181	#99AEB5
33.3%	33.3% #8BA1AA	RGB 139 161 170	#8BA1AA
50.0%	50.0% #7E939F	RGB 126 147 159	#7E939F
66.7%	66.7% #718594	RGB 113 133 148	#718594
83.3%	83.3% #657789	RGB 101 119 137	#657789
100.0%	100.0% #5A6A7E	RGB 90 106 126	#5A6A7E

#A8BCC0 #99AEB5 #8BA1AA #7E939F #718594 #657789 #5A6A7E

#A8BCC0 - #7E939F - #5A6A7E

CSS codes

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

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