#A8A8FF - #3F4BD2 | 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 #A8A8FF to #3F4BD2

#A8A8FF #3F4BD2

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

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

0.0%	0.0% #A8A8FF	RGB 168 168 255	#A8A8FF
16.7%	16.7% #9698F7	RGB 150 152 247	#9698F7
33.3%	33.3% #8589F0	RGB 133 137 240	#8589F0
50.0%	50.0% #7379E8	RGB 115 121 232	#7379E8
66.7%	66.7% #626AE1	RGB 98 106 225	#626AE1
83.3%	83.3% #505AD9	RGB 80 90 217	#505AD9
100.0%	100.0% #3F4BD2	RGB 63 75 210	#3F4BD2

#A8A8FF #9698F7 #8589F0 #7379E8 #626AE1 #505AD9 #3F4BD2

#A8A8FF - #3F4BD2

HSV Blend

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

0.0%	0.0% #A8A8FF	RGB 168 168 255	#A8A8FF
16.7%	16.7% #9495F7	RGB 148 149 247	#9495F7
33.3%	33.3% #8184F0	RGB 129 132 240	#8184F0
50.0%	50.0% #6F74E8	RGB 111 116 232	#6F74E8
66.7%	66.7% #5E65E1	RGB 94 101 225	#5E65E1
83.3%	83.3% #4E57D9	RGB 78 87 217	#4E57D9
100.0%	100.0% #3F4BD2	RGB 63 75 210	#3F4BD2

#A8A8FF #9495F7 #8184F0 #6F74E8 #5E65E1 #4E57D9 #3F4BD2

#A8A8FF - #6F74E8 - #3F4BD2

CSS codes

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

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