#A8D7E8 - #518CB5 | 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 #A8D7E8 to #518CB5

#A8D7E8 #518CB5

Calculate the color between two colors, #A8D7E8 and #518CB5. 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)

#A8D7E8 - #518CB5 | 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 #A8D7E8 as 0% and #518CB5 as 100%.

0.0%	0.0% #A8D7E8	RGB 168 215 232	#A8D7E8
16.7%	16.7% #99CADF	RGB 153 202 223	#99CADF
33.3%	33.3% #8BBED7	RGB 139 190 215	#8BBED7
50.0%	50.0% #7CB1CE	RGB 124 177 206	#7CB1CE
66.7%	66.7% #6EA5C6	RGB 110 165 198	#6EA5C6
83.3%	83.3% #5F98BD	RGB 95 152 189	#5F98BD
100.0%	100.0% #518CB5	RGB 81 140 181	#518CB5

#A8D7E8 #99CADF #8BBED7 #7CB1CE #6EA5C6 #5F98BD #518CB5

#A8D7E8 - #518CB5

HSV Blend

#A8D7E8 - #518CB5 | 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 #A8D7E8 as 0% and #518CB5 as 100%.

0.0%	0.0% #A8D7E8	RGB 168 215 232	#A8D7E8
16.7%	16.7% #97CADF	RGB 151 202 223	#97CADF
33.3%	33.3% #87BED7	RGB 135 190 215	#87BED7
50.0%	50.0% #78B1CE	RGB 120 177 206	#78B1CE
66.7%	66.7% #6AA5C6	RGB 106 165 198	#6AA5C6
83.3%	83.3% #5D98BD	RGB 93 152 189	#5D98BD
100.0%	100.0% #518CB5	RGB 81 140 181	#518CB5

#A8D7E8 #97CADF #87BED7 #78B1CE #6AA5C6 #5D98BD #518CB5

#A8D7E8 - #78B1CE - #518CB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D7E8 0%, #78B1CE 50%, #518CB5 100%);
    background: -webkit-linear-gradient(top, #A8D7E8 0%, #78B1CE 50%, #518CB5 100%);
    background: linear-gradient(to bottom, #A8D7E8 0%, #78B1CE 50%, #518CB5 100%);
}
</style>