#A8B8FF - #3E43E2 | 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 #A8B8FF to #3E43E2

#A8B8FF #3E43E2

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

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

0.0%	0.0% #A8B8FF	RGB 168 184 255	#A8B8FF
16.7%	16.7% #96A4FA	RGB 150 164 250	#96A4FA
33.3%	33.3% #8491F5	RGB 132 145 245	#8491F5
50.0%	50.0% #737DF0	RGB 115 125 240	#737DF0
66.7%	66.7% #616AEB	RGB 97 106 235	#616AEB
83.3%	83.3% #4F56E6	RGB 79 86 230	#4F56E6
100.0%	100.0% #3E43E2	RGB 62 67 226	#3E43E2

#A8B8FF #96A4FA #8491F5 #737DF0 #616AEB #4F56E6 #3E43E2

#A8B8FF - #3E43E2

HSV Blend

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

0.0%	0.0% #A8B8FF	RGB 168 184 255	#A8B8FF
16.7%	16.7% #94A4FA	RGB 148 164 250	#94A4FA
33.3%	33.3% #8291F5	RGB 130 145 245	#8291F5
50.0%	50.0% #707DF0	RGB 112 125 240	#707DF0
66.7%	66.7% #5E6AEB	RGB 94 106 235	#5E6AEB
83.3%	83.3% #4E56E6	RGB 78 86 230	#4E56E6
100.0%	100.0% #3E43E2	RGB 62 67 226	#3E43E2

#A8B8FF #94A4FA #8291F5 #707DF0 #5E6AEB #4E56E6 #3E43E2

#A8B8FF - #707DF0 - #3E43E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B8FF 0%, #707DF0 50%, #3E43E2 100%);
    background: -webkit-linear-gradient(top, #A8B8FF 0%, #707DF0 50%, #3E43E2 100%);
    background: linear-gradient(to bottom, #A8B8FF 0%, #707DF0 50%, #3E43E2 100%);
}
</style>