#A8C7ED - #4B77BA | 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 #A8C7ED to #4B77BA

#A8C7ED #4B77BA

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

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

0.0%	0.0% #A8C7ED	RGB 168 199 237	#A8C7ED
16.7%	16.7% #98B9E4	RGB 152 185 228	#98B9E4
33.3%	33.3% #89ACDC	RGB 137 172 220	#89ACDC
50.0%	50.0% #799FD3	RGB 121 159 211	#799FD3
66.7%	66.7% #6A91CB	RGB 106 145 203	#6A91CB
83.3%	83.3% #5A84C2	RGB 90 132 194	#5A84C2
100.0%	100.0% #4B77BA	RGB 75 119 186	#4B77BA

#A8C7ED #98B9E4 #89ACDC #799FD3 #6A91CB #5A84C2 #4B77BA

#A8C7ED - #4B77BA

HSV Blend

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

0.0%	0.0% #A8C7ED	RGB 168 199 237	#A8C7ED
16.7%	16.7% #96B8E4	RGB 150 184 228	#96B8E4
33.3%	33.3% #85AADC	RGB 133 170 220	#85AADC
50.0%	50.0% #759DD3	RGB 117 157 211	#759DD3
66.7%	66.7% #6690CB	RGB 102 144 203	#6690CB
83.3%	83.3% #5883C2	RGB 88 131 194	#5883C2
100.0%	100.0% #4B77BA	RGB 75 119 186	#4B77BA

#A8C7ED #96B8E4 #85AADC #759DD3 #6690CB #5883C2 #4B77BA

#A8C7ED - #759DD3 - #4B77BA

CSS codes

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

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