#A8C1CC - #5397AF | 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 #A8C1CC to #5397AF

#A8C1CC #5397AF

Calculate the color between two colors, #A8C1CC and #5397AF. 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)

#A8C1CC - #5397AF | 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 #A8C1CC as 0% and #5397AF as 100%.

0.0%	0.0% #A8C1CC	RGB 168 193 204	#A8C1CC
16.7%	16.7% #99BAC7	RGB 153 186 199	#99BAC7
33.3%	33.3% #8BB3C2	RGB 139 179 194	#8BB3C2
50.0%	50.0% #7DACBD	RGB 125 172 189	#7DACBD
66.7%	66.7% #6FA5B8	RGB 111 165 184	#6FA5B8
83.3%	83.3% #619EB3	RGB 97 158 179	#619EB3
100.0%	100.0% #5397AF	RGB 83 151 175	#5397AF

#A8C1CC #99BAC7 #8BB3C2 #7DACBD #6FA5B8 #619EB3 #5397AF

#A8C1CC - #5397AF

HSV Blend

#A8C1CC - #5397AF | 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 #A8C1CC as 0% and #5397AF as 100%.

0.0%	0.0% #A8C1CC	RGB 168 193 204	#A8C1CC
16.7%	16.7% #98B9C7	RGB 152 185 199	#98B9C7
33.3%	33.3% #89B1C2	RGB 137 177 194	#89B1C2
50.0%	50.0% #7AAABD	RGB 122 170 189	#7AAABD
66.7%	66.7% #6DA3B8	RGB 109 163 184	#6DA3B8
83.3%	83.3% #5F9DB3	RGB 95 157 179	#5F9DB3
100.0%	100.0% #5397AF	RGB 83 151 175	#5397AF

#A8C1CC #98B9C7 #89B1C2 #7AAABD #6DA3B8 #5F9DB3 #5397AF

#A8C1CC - #7AAABD - #5397AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C1CC 0%, #7AAABD 50%, #5397AF 100%);
    background: -webkit-linear-gradient(top, #A8C1CC 0%, #7AAABD 50%, #5397AF 100%);
    background: linear-gradient(to bottom, #A8C1CC 0%, #7AAABD 50%, #5397AF 100%);
}
</style>