#A1BAFF - #3E63D5 | 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 #A1BAFF to #3E63D5

#A1BAFF #3E63D5

Calculate the color between two colors, #A1BAFF and #3E63D5. 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)

#A1BAFF - #3E63D5 | 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 #A1BAFF as 0% and #3E63D5 as 100%.

0.0%	0.0% #A1BAFF	RGB 161 186 255	#A1BAFF
16.7%	16.7% #90ABF8	RGB 144 171 248	#90ABF8
33.3%	33.3% #809DF1	RGB 128 157 241	#809DF1
50.0%	50.0% #6F8EEA	RGB 111 142 234	#6F8EEA
66.7%	66.7% #5F80E3	RGB 95 128 227	#5F80E3
83.3%	83.3% #4E71DC	RGB 78 113 220	#4E71DC
100.0%	100.0% #3E63D5	RGB 62 99 213	#3E63D5

#A1BAFF #90ABF8 #809DF1 #6F8EEA #5F80E3 #4E71DC #3E63D5

#A1BAFF - #3E63D5

HSV Blend

#A1BAFF - #3E63D5 | 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 #A1BAFF as 0% and #3E63D5 as 100%.

0.0%	0.0% #A1B9FF	RGB 161 185 255	#A1B9FF
16.7%	16.7% #8EAAF8	RGB 142 170 248	#8EAAF8
33.3%	33.3% #7C9AF1	RGB 124 154 241	#7C9AF1
50.0%	50.0% #6B8CEA	RGB 107 140 234	#6B8CEA
66.7%	66.7% #5B7DE3	RGB 91 125 227	#5B7DE3
83.3%	83.3% #4C70DC	RGB 76 112 220	#4C70DC
100.0%	100.0% #3E63D5	RGB 62 99 213	#3E63D5

#A1B9FF #8EAAF8 #7C9AF1 #6B8CEA #5B7DE3 #4C70DC #3E63D5

#A1BAFF - #6B8CEA - #3E63D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1B9FF 0%, #6B8CEA 50%, #3E63D5 100%);
    background: -webkit-linear-gradient(top, #A1B9FF 0%, #6B8CEA 50%, #3E63D5 100%);
    background: linear-gradient(to bottom, #A1B9FF 0%, #6B8CEA 50%, #3E63D5 100%);
}
</style>