#A8C5D6 - #5298BA | 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 #A8C5D6 to #5298BA

#A8C5D6 #5298BA

Calculate the color between two colors, #A8C5D6 and #5298BA. 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)

#A8C5D6 - #5298BA | 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 #A8C5D6 as 0% and #5298BA as 100%.

0.0%	0.0% #A8C5D6	RGB 168 197 214	#A8C5D6
16.7%	16.7% #99BDD1	RGB 153 189 209	#99BDD1
33.3%	33.3% #8BB6CC	RGB 139 182 204	#8BB6CC
50.0%	50.0% #7DAEC8	RGB 125 174 200	#7DAEC8
66.7%	66.7% #6EA7C3	RGB 110 167 195	#6EA7C3
83.3%	83.3% #609FBE	RGB 96 159 190	#609FBE
100.0%	100.0% #5298BA	RGB 82 152 186	#5298BA

#A8C5D6 #99BDD1 #8BB6CC #7DAEC8 #6EA7C3 #609FBE #5298BA

#A8C5D6 - #5298BA

HSV Blend

#A8C5D6 - #5298BA | 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 #A8C5D6 as 0% and #5298BA as 100%.

0.0%	0.0% #A8C5D6	RGB 168 197 214	#A8C5D6
16.7%	16.7% #98BCD1	RGB 152 188 209	#98BCD1
33.3%	33.3% #89B4CC	RGB 137 180 204	#89B4CC
50.0%	50.0% #7AADC8	RGB 122 173 200	#7AADC8
66.7%	66.7% #6CA5C3	RGB 108 165 195	#6CA5C3
83.3%	83.3% #5E9EBE	RGB 94 158 190	#5E9EBE
100.0%	100.0% #5298BA	RGB 82 152 186	#5298BA

#A8C5D6 #98BCD1 #89B4CC #7AADC8 #6CA5C3 #5E9EBE #5298BA

#A8C5D6 - #7AADC8 - #5298BA

CSS codes

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

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