#A2A6DA - #41549B | 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 #A2A6DA to #41549B

#A2A6DA #41549B

Calculate the color between two colors, #A2A6DA and #41549B. 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)

#A2A6DA - #41549B | 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 #A2A6DA as 0% and #41549B as 100%.

0.0%	0.0% #A2A6DA	RGB 162 166 218	#A2A6DA
16.7%	16.7% #9198CF	RGB 145 152 207	#9198CF
33.3%	33.3% #818AC5	RGB 129 138 197	#818AC5
50.0%	50.0% #717DBA	RGB 113 125 186	#717DBA
66.7%	66.7% #616FB0	RGB 97 111 176	#616FB0
83.3%	83.3% #5161A5	RGB 81 97 165	#5161A5
100.0%	100.0% #41549B	RGB 65 84 155	#41549B

#A2A6DA #9198CF #818AC5 #717DBA #616FB0 #5161A5 #41549B

#A2A6DA - #41549B

HSV Blend

#A2A6DA - #41549B | 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 #A2A6DA as 0% and #41549B as 100%.

0.0%	0.0% #A2A6DA	RGB 162 166 218	#A2A6DA
16.7%	16.7% #8F95CF	RGB 143 149 207	#8F95CF
33.3%	33.3% #7D85C5	RGB 125 133 197	#7D85C5
50.0%	50.0% #6C77BA	RGB 108 119 186	#6C77BA
66.7%	66.7% #5C6AB0	RGB 92 106 176	#5C6AB0
83.3%	83.3% #4E5EA5	RGB 78 94 165	#4E5EA5
100.0%	100.0% #41549B	RGB 65 84 155	#41549B

#A2A6DA #8F95CF #7D85C5 #6C77BA #5C6AB0 #4E5EA5 #41549B

#A2A6DA - #6C77BA - #41549B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2A6DA 0%, #6C77BA 50%, #41549B 100%);
    background: -webkit-linear-gradient(top, #A2A6DA 0%, #6C77BA 50%, #41549B 100%);
    background: linear-gradient(to bottom, #A2A6DA 0%, #6C77BA 50%, #41549B 100%);
}
</style>