#A1A8F0 - #3E51BB | 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 #A1A8F0 to #3E51BB

#A1A8F0 #3E51BB

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

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

0.0%	0.0% #A1A8F0	RGB 161 168 240	#A1A8F0
16.7%	16.7% #9099E7	RGB 144 153 231	#9099E7
33.3%	33.3% #808BDE	RGB 128 139 222	#808BDE
50.0%	50.0% #6F7CD5	RGB 111 124 213	#6F7CD5
66.7%	66.7% #5F6ECC	RGB 95 110 204	#5F6ECC
83.3%	83.3% #4E5FC3	RGB 78 95 195	#4E5FC3
100.0%	100.0% #3E51BB	RGB 62 81 187	#3E51BB

#A1A8F0 #9099E7 #808BDE #6F7CD5 #5F6ECC #4E5FC3 #3E51BB

#A1A8F0 - #3E51BB

HSV Blend

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

0.0%	0.0% #A1A8F0	RGB 161 168 240	#A1A8F0
16.7%	16.7% #8E96E7	RGB 142 150 231	#8E96E7
33.3%	33.3% #7C86DE	RGB 124 134 222	#7C86DE
50.0%	50.0% #6B77D5	RGB 107 119 213	#6B77D5
66.7%	66.7% #5B69CC	RGB 91 105 204	#5B69CC
83.3%	83.3% #4C5CC3	RGB 76 92 195	#4C5CC3
100.0%	100.0% #3E51BB	RGB 62 81 187	#3E51BB

#A1A8F0 #8E96E7 #7C86DE #6B77D5 #5B69CC #4C5CC3 #3E51BB

#A1A8F0 - #6B77D5 - #3E51BB

CSS codes

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

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