#A2A8F6 - #3D4FC4 | 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 #A2A8F6 to #3D4FC4

#A2A8F6 #3D4FC4

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

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

0.0%	0.0% #A2A8F6	RGB 162 168 246	#A2A8F6
16.7%	16.7% #9199ED	RGB 145 153 237	#9199ED
33.3%	33.3% #808AE5	RGB 128 138 229	#808AE5
50.0%	50.0% #6F7BDD	RGB 111 123 221	#6F7BDD
66.7%	66.7% #5E6CD4	RGB 94 108 212	#5E6CD4
83.3%	83.3% #4D5DCC	RGB 77 93 204	#4D5DCC
100.0%	100.0% #3D4FC4	RGB 61 79 196	#3D4FC4

#A2A8F6 #9199ED #808AE5 #6F7BDD #5E6CD4 #4D5DCC #3D4FC4

#A2A8F6 - #3D4FC4

HSV Blend

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

0.0%	0.0% #A2A8F6	RGB 162 168 246	#A2A8F6
16.7%	16.7% #8E96ED	RGB 142 150 237	#8E96ED
33.3%	33.3% #7C86E5	RGB 124 134 229	#7C86E5
50.0%	50.0% #6B76DD	RGB 107 118 221	#6B76DD
66.7%	66.7% #5A68D4	RGB 90 104 212	#5A68D4
83.3%	83.3% #4B5BCC	RGB 75 91 204	#4B5BCC
100.0%	100.0% #3D4FC4	RGB 61 79 196	#3D4FC4

#A2A8F6 #8E96ED #7C86E5 #6B76DD #5A68D4 #4B5BCC #3D4FC4

#A2A8F6 - #6B76DD - #3D4FC4

CSS codes

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

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