#A8BFED - #496DB9 | 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 #A8BFED to #496DB9

#A8BFED #496DB9

Calculate the color between two colors, #A8BFED and #496DB9. 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)

#A8BFED - #496DB9 | 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 #A8BFED as 0% and #496DB9 as 100%.

0.0%	0.0% #A8BFED	RGB 168 191 237	#A8BFED
16.7%	16.7% #98B1E4	RGB 152 177 228	#98B1E4
33.3%	33.3% #88A3DB	RGB 136 163 219	#88A3DB
50.0%	50.0% #7896D3	RGB 120 150 211	#7896D3
66.7%	66.7% #6888CA	RGB 104 136 202	#6888CA
83.3%	83.3% #587AC1	RGB 88 122 193	#587AC1
100.0%	100.0% #496DB9	RGB 73 109 185	#496DB9

#A8BFED #98B1E4 #88A3DB #7896D3 #6888CA #587AC1 #496DB9

#A8BFED - #496DB9

HSV Blend

#A8BFED - #496DB9 | 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 #A8BFED as 0% and #496DB9 as 100%.

0.0%	0.0% #A8BFED	RGB 168 191 237	#A8BFED
16.7%	16.7% #95AFE4	RGB 149 175 228	#95AFE4
33.3%	33.3% #84A1DB	RGB 132 161 219	#84A1DB
50.0%	50.0% #7493D3	RGB 116 147 211	#7493D3
66.7%	66.7% #6585CA	RGB 101 133 202	#6585CA
83.3%	83.3% #5679C1	RGB 86 121 193	#5679C1
100.0%	100.0% #496DB9	RGB 73 109 185	#496DB9

#A8BFED #95AFE4 #84A1DB #7493D3 #6585CA #5679C1 #496DB9

#A8BFED - #7493D3 - #496DB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BFED 0%, #7493D3 50%, #496DB9 100%);
    background: -webkit-linear-gradient(top, #A8BFED 0%, #7493D3 50%, #496DB9 100%);
    background: linear-gradient(to bottom, #A8BFED 0%, #7493D3 50%, #496DB9 100%);
}
</style>