#5E4D4D - #AB6EB2 | 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 #5E4D4D to #AB6EB2

#5E4D4D #AB6EB2

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

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6A525D	RGB 106 82 93	#6A525D
33.3%	33.3% #77586E	RGB 119 88 110	#77586E
50.0%	50.0% #845D7F	RGB 132 93 127	#845D7F
66.7%	66.7% #916390	RGB 145 99 144	#916390
83.3%	83.3% #9E68A1	RGB 158 104 161	#9E68A1
100.0%	100.0% #AB6EB2	RGB 171 110 178	#AB6EB2

#5E4D4D #6A525D #77586E #845D7F #916390 #9E68A1 #AB6EB2

#5E4D4D - #AB6EB2

HSV Blend

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6C5459	RGB 108 84 89	#6C5459
33.3%	33.3% #7A5B66	RGB 122 91 102	#7A5B66
50.0%	50.0% #886176	RGB 136 97 118	#886176
66.7%	66.7% #966689	RGB 150 102 137	#966689
83.3%	83.3% #A46A9F	RGB 164 106 159	#A46A9F
100.0%	100.0% #AB6EB2	RGB 171 110 178	#AB6EB2

#5E4D4D #6C5459 #7A5B66 #886176 #966689 #A46A9F #AB6EB2

#5E4D4D - #886176 - #AB6EB2

CSS codes

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

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