#A8C7E1 - #4F78A9 | 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 #A8C7E1 to #4F78A9

#A8C7E1 #4F78A9

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

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

0.0%	0.0% #A8C7E1	RGB 168 199 225	#A8C7E1
16.7%	16.7% #99B9D7	RGB 153 185 215	#99B9D7
33.3%	33.3% #8AACCE	RGB 138 172 206	#8AACCE
50.0%	50.0% #7B9FC5	RGB 123 159 197	#7B9FC5
66.7%	66.7% #6C92BB	RGB 108 146 187	#6C92BB
83.3%	83.3% #5D85B2	RGB 93 133 178	#5D85B2
100.0%	100.0% #4F78A9	RGB 79 120 169	#4F78A9

#A8C7E1 #99B9D7 #8AACCE #7B9FC5 #6C92BB #5D85B2 #4F78A9

#A8C7E1 - #4F78A9

HSV Blend

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

0.0%	0.0% #A8C7E1	RGB 168 199 225	#A8C7E1
16.7%	16.7% #96B9D7	RGB 150 185 215	#96B9D7
33.3%	33.3% #86ABCE	RGB 134 171 206	#86ABCE
50.0%	50.0% #779EC5	RGB 119 158 197	#779EC5
66.7%	66.7% #6991BB	RGB 105 145 187	#6991BB
83.3%	83.3% #5B84B2	RGB 91 132 178	#5B84B2
100.0%	100.0% #4F78A9	RGB 79 120 169	#4F78A9

#A8C7E1 #96B9D7 #86ABCE #779EC5 #6991BB #5B84B2 #4F78A9

#A8C7E1 - #779EC5 - #4F78A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C7E1 0%, #779EC5 50%, #4F78A9 100%);
    background: -webkit-linear-gradient(top, #A8C7E1 0%, #779EC5 50%, #4F78A9 100%);
    background: linear-gradient(to bottom, #A8C7E1 0%, #779EC5 50%, #4F78A9 100%);
}
</style>