#A6A6FF - #3D49D2 | 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 #A6A6FF to #3D49D2

#A6A6FF #3D49D2

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

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

0.0%	0.0% #A6A6FF	RGB 166 166 255	#A6A6FF
16.7%	16.7% #9496F7	RGB 148 150 247	#9496F7
33.3%	33.3% #8387F0	RGB 131 135 240	#8387F0
50.0%	50.0% #7177E8	RGB 113 119 232	#7177E8
66.7%	66.7% #6068E1	RGB 96 104 225	#6068E1
83.3%	83.3% #4E58D9	RGB 78 88 217	#4E58D9
100.0%	100.0% #3D49D2	RGB 61 73 210	#3D49D2

#A6A6FF #9496F7 #8387F0 #7177E8 #6068E1 #4E58D9 #3D49D2

#A6A6FF - #3D49D2

HSV Blend

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

0.0%	0.0% #A6A6FF	RGB 166 166 255	#A6A6FF
16.7%	16.7% #9293F7	RGB 146 147 247	#9293F7
33.3%	33.3% #7F82F0	RGB 127 130 240	#7F82F0
50.0%	50.0% #6D72E8	RGB 109 114 232	#6D72E8
66.7%	66.7% #5C63E1	RGB 92 99 225	#5C63E1
83.3%	83.3% #4C55D9	RGB 76 85 217	#4C55D9
100.0%	100.0% #3D49D2	RGB 61 73 210	#3D49D2

#A6A6FF #9293F7 #7F82F0 #6D72E8 #5C63E1 #4C55D9 #3D49D2

#A6A6FF - #6D72E8 - #3D49D2

CSS codes

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

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