#A6BFEA - #496DB5 | 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 #A6BFEA to #496DB5

#A6BFEA #496DB5

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

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

0.0%	0.0% #A6BFEA	RGB 166 191 234	#A6BFEA
16.7%	16.7% #96B1E1	RGB 150 177 225	#96B1E1
33.3%	33.3% #87A3D8	RGB 135 163 216	#87A3D8
50.0%	50.0% #7796CF	RGB 119 150 207	#7796CF
66.7%	66.7% #6888C6	RGB 104 136 198	#6888C6
83.3%	83.3% #587ABD	RGB 88 122 189	#587ABD
100.0%	100.0% #496DB5	RGB 73 109 181	#496DB5

#A6BFEA #96B1E1 #87A3D8 #7796CF #6888C6 #587ABD #496DB5

#A6BFEA - #496DB5

HSV Blend

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

0.0%	0.0% #A6BFEA	RGB 166 191 234	#A6BFEA
16.7%	16.7% #94B0E1	RGB 148 176 225	#94B0E1
33.3%	33.3% #83A1D8	RGB 131 161 216	#83A1D8
50.0%	50.0% #7393CF	RGB 115 147 207	#7393CF
66.7%	66.7% #6486C6	RGB 100 134 198	#6486C6
83.3%	83.3% #5679BD	RGB 86 121 189	#5679BD
100.0%	100.0% #496DB5	RGB 73 109 181	#496DB5

#A6BFEA #94B0E1 #83A1D8 #7393CF #6486C6 #5679BD #496DB5

#A6BFEA - #7393CF - #496DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6BFEA 0%, #7393CF 50%, #496DB5 100%);
    background: -webkit-linear-gradient(top, #A6BFEA 0%, #7393CF 50%, #496DB5 100%);
    background: linear-gradient(to bottom, #A6BFEA 0%, #7393CF 50%, #496DB5 100%);
}
</style>