#322A8C - #A57CBB | 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 #322A8C to #A57CBB

#322A8C #A57CBB

Calculate the color between two colors, #322A8C and #A57CBB. 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)

#322A8C - #A57CBB | 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 #322A8C as 0% and #A57CBB as 100%.

0.0%	0.0% #322A8C	RGB 50 42 140	#322A8C
16.7%	16.7% #453793	RGB 69 55 147	#453793
33.3%	33.3% #58459B	RGB 88 69 155	#58459B
50.0%	50.0% #6B53A3	RGB 107 83 163	#6B53A3
66.7%	66.7% #7E60AB	RGB 126 96 171	#7E60AB
83.3%	83.3% #916EB3	RGB 145 110 179	#916EB3
100.0%	100.0% #A57CBB	RGB 165 124 187	#A57CBB

#322A8C #453793 #58459B #6B53A3 #7E60AB #916EB3 #A57CBB

#322A8C - #A57CBB

HSV Blend

#322A8C - #A57CBB | 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 #322A8C as 0% and #A57CBB as 100%.

0.0%	0.0% #322A8C	RGB 50 42 140	#322A8C
16.7%	16.7% #453593	RGB 69 53 147	#453593
33.3%	33.3% #59419B	RGB 89 65 155	#59419B
50.0%	50.0% #6D4EA3	RGB 109 78 163	#6D4EA3
66.7%	66.7% #815CAB	RGB 129 92 171	#815CAB
83.3%	83.3% #936BB3	RGB 147 107 179	#936BB3
100.0%	100.0% #A57CBB	RGB 165 124 187	#A57CBB

#322A8C #453593 #59419B #6D4EA3 #815CAB #936BB3 #A57CBB

#322A8C - #6D4EA3 - #A57CBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #322A8C 0%, #6D4EA3 50%, #A57CBB 100%);
    background: -webkit-linear-gradient(top, #322A8C 0%, #6D4EA3 50%, #A57CBB 100%);
    background: linear-gradient(to bottom, #322A8C 0%, #6D4EA3 50%, #A57CBB 100%);
}
</style>