#A8C0DC - #528CBF | 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 #A8C0DC to #528CBF

#A8C0DC #528CBF

Calculate the color between two colors, #A8C0DC and #528CBF. 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)

#A8C0DC - #528CBF | 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 #A8C0DC as 0% and #528CBF as 100%.

0.0%	0.0% #A8C0DC	RGB 168 192 220	#A8C0DC
16.7%	16.7% #99B7D7	RGB 153 183 215	#99B7D7
33.3%	33.3% #8BAED2	RGB 139 174 210	#8BAED2
50.0%	50.0% #7DA6CD	RGB 125 166 205	#7DA6CD
66.7%	66.7% #6E9DC8	RGB 110 157 200	#6E9DC8
83.3%	83.3% #6094C3	RGB 96 148 195	#6094C3
100.0%	100.0% #528CBF	RGB 82 140 191	#528CBF

#A8C0DC #99B7D7 #8BAED2 #7DA6CD #6E9DC8 #6094C3 #528CBF

#A8C0DC - #528CBF

HSV Blend

#A8C0DC - #528CBF | 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 #A8C0DC as 0% and #528CBF as 100%.

0.0%	0.0% #A8C0DC	RGB 168 192 220	#A8C0DC
16.7%	16.7% #98B6D7	RGB 152 182 215	#98B6D7
33.3%	33.3% #89ACD2	RGB 137 172 210	#89ACD2
50.0%	50.0% #7AA3CD	RGB 122 163 205	#7AA3CD
66.7%	66.7% #6C9BC8	RGB 108 155 200	#6C9BC8
83.3%	83.3% #5E93C3	RGB 94 147 195	#5E93C3
100.0%	100.0% #528CBF	RGB 82 140 191	#528CBF

#A8C0DC #98B6D7 #89ACD2 #7AA3CD #6C9BC8 #5E93C3 #528CBF

#A8C0DC - #7AA3CD - #528CBF

CSS codes

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

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