#A0C5E3 - #4876AC | 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 #A0C5E3 to #4876AC

#A0C5E3 #4876AC

Calculate the color between two colors, #A0C5E3 and #4876AC. 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)

#A0C5E3 - #4876AC | 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 #A0C5E3 as 0% and #4876AC as 100%.

0.0%	0.0% #A0C5E3	RGB 160 197 227	#A0C5E3
16.7%	16.7% #91B7D9	RGB 145 183 217	#91B7D9
33.3%	33.3% #82AAD0	RGB 130 170 208	#82AAD0
50.0%	50.0% #749DC7	RGB 116 157 199	#749DC7
66.7%	66.7% #6590BE	RGB 101 144 190	#6590BE
83.3%	83.3% #5683B5	RGB 86 131 181	#5683B5
100.0%	100.0% #4876AC	RGB 72 118 172	#4876AC

#A0C5E3 #91B7D9 #82AAD0 #749DC7 #6590BE #5683B5 #4876AC

#A0C5E3 - #4876AC

HSV Blend

#A0C5E3 - #4876AC | 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 #A0C5E3 as 0% and #4876AC as 100%.

0.0%	0.0% #A0C5E3	RGB 160 197 227	#A0C5E3
16.7%	16.7% #8FB7D9	RGB 143 183 217	#8FB7D9
33.3%	33.3% #7FA9D0	RGB 127 169 208	#7FA9D0
50.0%	50.0% #709CC7	RGB 112 156 199	#709CC7
66.7%	66.7% #618FBE	RGB 97 143 190	#618FBE
83.3%	83.3% #5482B5	RGB 84 130 181	#5482B5
100.0%	100.0% #4876AC	RGB 72 118 172	#4876AC

#A0C5E3 #8FB7D9 #7FA9D0 #709CC7 #618FBE #5482B5 #4876AC

#A0C5E3 - #709CC7 - #4876AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0C5E3 0%, #709CC7 50%, #4876AC 100%);
    background: -webkit-linear-gradient(top, #A0C5E3 0%, #709CC7 50%, #4876AC 100%);
    background: linear-gradient(to bottom, #A0C5E3 0%, #709CC7 50%, #4876AC 100%);
}
</style>