#AAA2FF - #5632E4 | 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 #AAA2FF to #5632E4

#AAA2FF #5632E4

Calculate the color between two colors, #AAA2FF and #5632E4. 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)

#AAA2FF - #5632E4 | 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 #AAA2FF as 0% and #5632E4 as 100%.

0.0%	0.0% #AAA2FF	RGB 170 162 255	#AAA2FF
16.7%	16.7% #9C8FFA	RGB 156 143 250	#9C8FFA
33.3%	33.3% #8E7CF6	RGB 142 124 246	#8E7CF6
50.0%	50.0% #806AF1	RGB 128 106 241	#806AF1
66.7%	66.7% #7257ED	RGB 114 87 237	#7257ED
83.3%	83.3% #6444E8	RGB 100 68 232	#6444E8
100.0%	100.0% #5632E4	RGB 86 50 228	#5632E4

#AAA2FF #9C8FFA #8E7CF6 #806AF1 #7257ED #6444E8 #5632E4

#AAA2FF - #5632E4

HSV Blend

#AAA2FF - #5632E4 | 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 #AAA2FF as 0% and #5632E4 as 100%.

0.0%	0.0% #A9A2FF	RGB 169 162 255	#A9A2FF
16.7%	16.7% #998DFA	RGB 153 141 250	#998DFA
33.3%	33.3% #897AF6	RGB 137 122 246	#897AF6
50.0%	50.0% #7B67F1	RGB 123 103 241	#7B67F1
66.7%	66.7% #6D54ED	RGB 109 84 237	#6D54ED
83.3%	83.3% #6143E8	RGB 97 67 232	#6143E8
100.0%	100.0% #5632E4	RGB 86 50 228	#5632E4

#A9A2FF #998DFA #897AF6 #7B67F1 #6D54ED #6143E8 #5632E4

#AAA2FF - #7B67F1 - #5632E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A2FF 0%, #7B67F1 50%, #5632E4 100%);
    background: -webkit-linear-gradient(top, #A9A2FF 0%, #7B67F1 50%, #5632E4 100%);
    background: linear-gradient(to bottom, #A9A2FF 0%, #7B67F1 50%, #5632E4 100%);
}
</style>