#A8CDEA - #4E7FB7 | 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 #A8CDEA to #4E7FB7

#A8CDEA #4E7FB7

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

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

0.0%	0.0% #A8CDEA	RGB 168 205 234	#A8CDEA
16.7%	16.7% #99C0E1	RGB 153 192 225	#99C0E1
33.3%	33.3% #8AB3D9	RGB 138 179 217	#8AB3D9
50.0%	50.0% #7BA6D0	RGB 123 166 208	#7BA6D0
66.7%	66.7% #6C99C8	RGB 108 153 200	#6C99C8
83.3%	83.3% #5D8CBF	RGB 93 140 191	#5D8CBF
100.0%	100.0% #4E7FB7	RGB 78 127 183	#4E7FB7

#A8CDEA #99C0E1 #8AB3D9 #7BA6D0 #6C99C8 #5D8CBF #4E7FB7

#A8CDEA - #4E7FB7

HSV Blend

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

0.0%	0.0% #A8CDEA	RGB 168 205 234	#A8CDEA
16.7%	16.7% #96BFE1	RGB 150 191 225	#96BFE1
33.3%	33.3% #86B2D9	RGB 134 178 217	#86B2D9
50.0%	50.0% #77A5D0	RGB 119 165 208	#77A5D0
66.7%	66.7% #6898C8	RGB 104 152 200	#6898C8
83.3%	83.3% #5A8BBF	RGB 90 139 191	#5A8BBF
100.0%	100.0% #4E7FB7	RGB 78 127 183	#4E7FB7

#A8CDEA #96BFE1 #86B2D9 #77A5D0 #6898C8 #5A8BBF #4E7FB7

#A8CDEA - #77A5D0 - #4E7FB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CDEA 0%, #77A5D0 50%, #4E7FB7 100%);
    background: -webkit-linear-gradient(top, #A8CDEA 0%, #77A5D0 50%, #4E7FB7 100%);
    background: linear-gradient(to bottom, #A8CDEA 0%, #77A5D0 50%, #4E7FB7 100%);
}
</style>