#A8CBF7 - #5196E7 | 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 #A8CBF7 to #5196E7

#A8CBF7 #5196E7

Calculate the color between two colors, #A8CBF7 and #5196E7. 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)

#A8CBF7 - #5196E7 | 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 #A8CBF7 as 0% and #5196E7 as 100%.

0.0%	0.0% #A8CBF7	RGB 168 203 247	#A8CBF7
16.7%	16.7% #99C2F4	RGB 153 194 244	#99C2F4
33.3%	33.3% #8BB9F1	RGB 139 185 241	#8BB9F1
50.0%	50.0% #7CB0EF	RGB 124 176 239	#7CB0EF
66.7%	66.7% #6EA7EC	RGB 110 167 236	#6EA7EC
83.3%	83.3% #5F9EE9	RGB 95 158 233	#5F9EE9
100.0%	100.0% #5196E7	RGB 81 150 231	#5196E7

#A8CBF7 #99C2F4 #8BB9F1 #7CB0EF #6EA7EC #5F9EE9 #5196E7

#A8CBF7 - #5196E7

HSV Blend

#A8CBF7 - #5196E7 | 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 #A8CBF7 as 0% and #5196E7 as 100%.

0.0%	0.0% #A8CBF7	RGB 168 203 247	#A8CBF7
16.7%	16.7% #98C1F4	RGB 152 193 244	#98C1F4
33.3%	33.3% #89B8F1	RGB 137 184 241	#89B8F1
50.0%	50.0% #7BAFEF	RGB 123 175 239	#7BAFEF
66.7%	66.7% #6CA6EC	RGB 108 166 236	#6CA6EC
83.3%	83.3% #5E9EE9	RGB 94 158 233	#5E9EE9
100.0%	100.0% #5196E7	RGB 81 150 231	#5196E7

#A8CBF7 #98C1F4 #89B8F1 #7BAFEF #6CA6EC #5E9EE9 #5196E7

#A8CBF7 - #7BAFEF - #5196E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CBF7 0%, #7BAFEF 50%, #5196E7 100%);
    background: -webkit-linear-gradient(top, #A8CBF7 0%, #7BAFEF 50%, #5196E7 100%);
    background: linear-gradient(to bottom, #A8CBF7 0%, #7BAFEF 50%, #5196E7 100%);
}
</style>