#5E323A - #AC5BAF | 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 #5E323A to #AC5BAF

#5E323A #AC5BAF

Calculate the color between two colors, #5E323A and #AC5BAF. 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)

#5E323A - #AC5BAF | 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 #5E323A as 0% and #AC5BAF as 100%.

0.0%	0.0% #5E323A	RGB 94 50 58	#5E323A
16.7%	16.7% #6B384D	RGB 107 56 77	#6B384D
33.3%	33.3% #783F61	RGB 120 63 97	#783F61
50.0%	50.0% #854674	RGB 133 70 116	#854674
66.7%	66.7% #924D88	RGB 146 77 136	#924D88
83.3%	83.3% #9F549B	RGB 159 84 155	#9F549B
100.0%	100.0% #AC5BAF	RGB 172 91 175	#AC5BAF

#5E323A #6B384D #783F61 #854674 #924D88 #9F549B #AC5BAF

#5E323A - #AC5BAF

HSV Blend

#5E323A - #AC5BAF | 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 #5E323A as 0% and #AC5BAF as 100%.

0.0%	0.0% #5E3239	RGB 94 50 57	#5E3239
16.7%	16.7% #6B3849	RGB 107 56 73	#6B3849
33.3%	33.3% #793F5A	RGB 121 63 90	#793F5A
50.0%	50.0% #86466D	RGB 134 70 109	#86466D
66.7%	66.7% #944D82	RGB 148 77 130	#944D82
83.3%	83.3% #A15499	RGB 161 84 153	#A15499
100.0%	100.0% #AC5BAF	RGB 172 91 175	#AC5BAF

#5E3239 #6B3849 #793F5A #86466D #944D82 #A15499 #AC5BAF

#5E323A - #86466D - #AC5BAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3239 0%, #86466D 50%, #AC5BAF 100%);
    background: -webkit-linear-gradient(top, #5E3239 0%, #86466D 50%, #AC5BAF 100%);
    background: linear-gradient(to bottom, #5E3239 0%, #86466D 50%, #AC5BAF 100%);
}
</style>