#5E3F41 - #A36CA6 | 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 #5E3F41 to #A36CA6

#5E3F41 #A36CA6

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

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

0.0%	0.0% #5E3F41	RGB 94 63 65	#5E3F41
16.7%	16.7% #694651	RGB 105 70 81	#694651
33.3%	33.3% #754E62	RGB 117 78 98	#754E62
50.0%	50.0% #805573	RGB 128 85 115	#805573
66.7%	66.7% #8C5D84	RGB 140 93 132	#8C5D84
83.3%	83.3% #976495	RGB 151 100 149	#976495
100.0%	100.0% #A36CA6	RGB 163 108 166	#A36CA6

#5E3F41 #694651 #754E62 #805573 #8C5D84 #976495 #A36CA6

#5E3F41 - #A36CA6

HSV Blend

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

0.0%	0.0% #5E3F41	RGB 94 63 65	#5E3F41
16.7%	16.7% #6A464E	RGB 106 70 78	#6A464E
33.3%	33.3% #764E5D	RGB 118 78 93	#764E5D
50.0%	50.0% #82556E	RGB 130 85 110	#82556E
66.7%	66.7% #8E5D80	RGB 142 93 128	#8E5D80
83.3%	83.3% #9A6493	RGB 154 100 147	#9A6493
100.0%	100.0% #A36CA6	RGB 163 108 166	#A36CA6

#5E3F41 #6A464E #764E5D #82556E #8E5D80 #9A6493 #A36CA6

#5E3F41 - #82556E - #A36CA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3F41 0%, #82556E 50%, #A36CA6 100%);
    background: -webkit-linear-gradient(top, #5E3F41 0%, #82556E 50%, #A36CA6 100%);
    background: linear-gradient(to bottom, #5E3F41 0%, #82556E 50%, #A36CA6 100%);
}
</style>