#A8C9F2 - #4A79C2 | 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 #A8C9F2 to #4A79C2

#A8C9F2 #4A79C2

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

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

0.0%	0.0% #A8C9F2	RGB 168 201 242	#A8C9F2
16.7%	16.7% #98BBEA	RGB 152 187 234	#98BBEA
33.3%	33.3% #88AEE2	RGB 136 174 226	#88AEE2
50.0%	50.0% #79A1DA	RGB 121 161 218	#79A1DA
66.7%	66.7% #6993D2	RGB 105 147 210	#6993D2
83.3%	83.3% #5986CA	RGB 89 134 202	#5986CA
100.0%	100.0% #4A79C2	RGB 74 121 194	#4A79C2

#A8C9F2 #98BBEA #88AEE2 #79A1DA #6993D2 #5986CA #4A79C2

#A8C9F2 - #4A79C2

HSV Blend

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

0.0%	0.0% #A8C9F2	RGB 168 201 242	#A8C9F2
16.7%	16.7% #96BAEA	RGB 150 186 234	#96BAEA
33.3%	33.3% #85ACE2	RGB 133 172 226	#85ACE2
50.0%	50.0% #759FDA	RGB 117 159 218	#759FDA
66.7%	66.7% #6592D2	RGB 101 146 210	#6592D2
83.3%	83.3% #5785CA	RGB 87 133 202	#5785CA
100.0%	100.0% #4A79C2	RGB 74 121 194	#4A79C2

#A8C9F2 #96BAEA #85ACE2 #759FDA #6592D2 #5785CA #4A79C2

#A8C9F2 - #759FDA - #4A79C2

CSS codes

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

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