#A8D2DA - #5685A1 | 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 #A8D2DA to #5685A1

#A8D2DA #5685A1

Calculate the color between two colors, #A8D2DA and #5685A1. 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)

#A8D2DA - #5685A1 | 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 #A8D2DA as 0% and #5685A1 as 100%.

0.0%	0.0% #A8D2DA	RGB 168 210 218	#A8D2DA
16.7%	16.7% #9AC5D0	RGB 154 197 208	#9AC5D0
33.3%	33.3% #8CB8C7	RGB 140 184 199	#8CB8C7
50.0%	50.0% #7FABBD	RGB 127 171 189	#7FABBD
66.7%	66.7% #719EB4	RGB 113 158 180	#719EB4
83.3%	83.3% #6391AA	RGB 99 145 170	#6391AA
100.0%	100.0% #5685A1	RGB 86 133 161	#5685A1

#A8D2DA #9AC5D0 #8CB8C7 #7FABBD #719EB4 #6391AA #5685A1

#A8D2DA - #5685A1

HSV Blend

#A8D2DA - #5685A1 | 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 #A8D2DA as 0% and #5685A1 as 100%.

0.0%	0.0% #A8D2DA	RGB 168 210 218	#A8D2DA
16.7%	16.7% #98C5D0	RGB 152 197 208	#98C5D0
33.3%	33.3% #89B8C7	RGB 137 184 199	#89B8C7
50.0%	50.0% #7BABBD	RGB 123 171 189	#7BABBD
66.7%	66.7% #6E9EB4	RGB 110 158 180	#6E9EB4
83.3%	83.3% #6191AA	RGB 97 145 170	#6191AA
100.0%	100.0% #5685A1	RGB 86 133 161	#5685A1

#A8D2DA #98C5D0 #89B8C7 #7BABBD #6E9EB4 #6191AA #5685A1

#A8D2DA - #7BABBD - #5685A1

CSS codes

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

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