#A6B5FE - #415CD2 | 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 #A6B5FE to #415CD2

#A6B5FE #415CD2

Calculate the color between two colors, #A6B5FE and #415CD2. 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)

#A6B5FE - #415CD2 | 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 #A6B5FE as 0% and #415CD2 as 100%.

0.0%	0.0% #A6B5FE	RGB 166 181 254	#A6B5FE
16.7%	16.7% #95A6F6	RGB 149 166 246	#95A6F6
33.3%	33.3% #8497EF	RGB 132 151 239	#8497EF
50.0%	50.0% #7388E8	RGB 115 136 232	#7388E8
66.7%	66.7% #6279E0	RGB 98 121 224	#6279E0
83.3%	83.3% #516AD9	RGB 81 106 217	#516AD9
100.0%	100.0% #415CD2	RGB 65 92 210	#415CD2

#A6B5FE #95A6F6 #8497EF #7388E8 #6279E0 #516AD9 #415CD2

#A6B5FE - #415CD2

HSV Blend

#A6B5FE - #415CD2 | 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 #A6B5FE as 0% and #415CD2 as 100%.

0.0%	0.0% #A6B5FE	RGB 166 181 254	#A6B5FE
16.7%	16.7% #93A4F6	RGB 147 164 246	#93A4F6
33.3%	33.3% #8094EF	RGB 128 148 239	#8094EF
50.0%	50.0% #6F85E8	RGB 111 133 232	#6F85E8
66.7%	66.7% #5F76E0	RGB 95 118 224	#5F76E0
83.3%	83.3% #4F68D9	RGB 79 104 217	#4F68D9
100.0%	100.0% #415CD2	RGB 65 92 210	#415CD2

#A6B5FE #93A4F6 #8094EF #6F85E8 #5F76E0 #4F68D9 #415CD2

#A6B5FE - #6F85E8 - #415CD2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6B5FE 0%, #6F85E8 50%, #415CD2 100%);
    background: -webkit-linear-gradient(top, #A6B5FE 0%, #6F85E8 50%, #415CD2 100%);
    background: linear-gradient(to bottom, #A6B5FE 0%, #6F85E8 50%, #415CD2 100%);
}
</style>