#A8C0EB - #4673BD | 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 #A8C0EB to #4673BD

#A8C0EB #4673BD

Calculate the color between two colors, #A8C0EB and #4673BD. 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)

#A8C0EB - #4673BD | 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 #A8C0EB as 0% and #4673BD as 100%.

0.0%	0.0% #A8C0EB	RGB 168 192 235	#A8C0EB
16.7%	16.7% #97B3E3	RGB 151 179 227	#97B3E3
33.3%	33.3% #87A6DB	RGB 135 166 219	#87A6DB
50.0%	50.0% #7799D4	RGB 119 153 212	#7799D4
66.7%	66.7% #668CCC	RGB 102 140 204	#668CCC
83.3%	83.3% #567FC4	RGB 86 127 196	#567FC4
100.0%	100.0% #4673BD	RGB 70 115 189	#4673BD

#A8C0EB #97B3E3 #87A6DB #7799D4 #668CCC #567FC4 #4673BD

#A8C0EB - #4673BD

HSV Blend

#A8C0EB - #4673BD | 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 #A8C0EB as 0% and #4673BD as 100%.

0.0%	0.0% #A8C0EB	RGB 168 192 235	#A8C0EB
16.7%	16.7% #95B1E3	RGB 149 177 227	#95B1E3
33.3%	33.3% #83A3DB	RGB 131 163 219	#83A3DB
50.0%	50.0% #7396D4	RGB 115 150 212	#7396D4
66.7%	66.7% #638ACC	RGB 99 138 204	#638ACC
83.3%	83.3% #547EC4	RGB 84 126 196	#547EC4
100.0%	100.0% #4673BD	RGB 70 115 189	#4673BD

#A8C0EB #95B1E3 #83A3DB #7396D4 #638ACC #547EC4 #4673BD

#A8C0EB - #7396D4 - #4673BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0EB 0%, #7396D4 50%, #4673BD 100%);
    background: -webkit-linear-gradient(top, #A8C0EB 0%, #7396D4 50%, #4673BD 100%);
    background: linear-gradient(to bottom, #A8C0EB 0%, #7396D4 50%, #4673BD 100%);
}
</style>