#A8C8ED - #4B78BB | 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 #A8C8ED to #4B78BB

#A8C8ED #4B78BB

Calculate the color between two colors, #A8C8ED and #4B78BB. 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)

#A8C8ED - #4B78BB | 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 #A8C8ED as 0% and #4B78BB as 100%.

0.0%	0.0% #A8C8ED	RGB 168 200 237	#A8C8ED
16.7%	16.7% #98BAE4	RGB 152 186 228	#98BAE4
33.3%	33.3% #89ADDC	RGB 137 173 220	#89ADDC
50.0%	50.0% #79A0D4	RGB 121 160 212	#79A0D4
66.7%	66.7% #6A92CB	RGB 106 146 203	#6A92CB
83.3%	83.3% #5A85C3	RGB 90 133 195	#5A85C3
100.0%	100.0% #4B78BB	RGB 75 120 187	#4B78BB

#A8C8ED #98BAE4 #89ADDC #79A0D4 #6A92CB #5A85C3 #4B78BB

#A8C8ED - #4B78BB

HSV Blend

#A8C8ED - #4B78BB | 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 #A8C8ED as 0% and #4B78BB as 100%.

0.0%	0.0% #A8C8ED	RGB 168 200 237	#A8C8ED
16.7%	16.7% #96B9E4	RGB 150 185 228	#96B9E4
33.3%	33.3% #85ACDC	RGB 133 172 220	#85ACDC
50.0%	50.0% #759ED4	RGB 117 158 212	#759ED4
66.7%	66.7% #6691CB	RGB 102 145 203	#6691CB
83.3%	83.3% #5884C3	RGB 88 132 195	#5884C3
100.0%	100.0% #4B78BB	RGB 75 120 187	#4B78BB

#A8C8ED #96B9E4 #85ACDC #759ED4 #6691CB #5884C3 #4B78BB

#A8C8ED - #759ED4 - #4B78BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8ED 0%, #759ED4 50%, #4B78BB 100%);
    background: -webkit-linear-gradient(top, #A8C8ED 0%, #759ED4 50%, #4B78BB 100%);
    background: linear-gradient(to bottom, #A8C8ED 0%, #759ED4 50%, #4B78BB 100%);
}
</style>