#A1A5E9 - #3E4FB0 | 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 #A1A5E9 to #3E4FB0

#A1A5E9 #3E4FB0

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

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

0.0%	0.0% #A1A5E9	RGB 161 165 233	#A1A5E9
16.7%	16.7% #9096DF	RGB 144 150 223	#9096DF
33.3%	33.3% #8088D6	RGB 128 136 214	#8088D6
50.0%	50.0% #6F7ACC	RGB 111 122 204	#6F7ACC
66.7%	66.7% #5F6BC3	RGB 95 107 195	#5F6BC3
83.3%	83.3% #4E5DB9	RGB 78 93 185	#4E5DB9
100.0%	100.0% #3E4FB0	RGB 62 79 176	#3E4FB0

#A1A5E9 #9096DF #8088D6 #6F7ACC #5F6BC3 #4E5DB9 #3E4FB0

#A1A5E9 - #3E4FB0

HSV Blend

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

0.0%	0.0% #A1A5E9	RGB 161 165 233	#A1A5E9
16.7%	16.7% #8D93DF	RGB 141 147 223	#8D93DF
33.3%	33.3% #7B83D6	RGB 123 131 214	#7B83D6
50.0%	50.0% #6A74CC	RGB 106 116 204	#6A74CC
66.7%	66.7% #5A67C3	RGB 90 103 195	#5A67C3
83.3%	83.3% #4B5AB9	RGB 75 90 185	#4B5AB9
100.0%	100.0% #3E4FB0	RGB 62 79 176	#3E4FB0

#A1A5E9 #8D93DF #7B83D6 #6A74CC #5A67C3 #4B5AB9 #3E4FB0

#A1A5E9 - #6A74CC - #3E4FB0

CSS codes

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

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