#5E3B41 - #A261AE | 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 #5E3B41 to #A261AE

#5E3B41 #A261AE

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

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

0.0%	0.0% #5E3B41	RGB 94 59 65	#5E3B41
16.7%	16.7% #694153	RGB 105 65 83	#694153
33.3%	33.3% #744765	RGB 116 71 101	#744765
50.0%	50.0% #804E77	RGB 128 78 119	#804E77
66.7%	66.7% #8B5489	RGB 139 84 137	#8B5489
83.3%	83.3% #965A9B	RGB 150 90 155	#965A9B
100.0%	100.0% #A261AE	RGB 162 97 174	#A261AE

#5E3B41 #694153 #744765 #804E77 #8B5489 #965A9B #A261AE

#5E3B41 - #A261AE

HSV Blend

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

0.0%	0.0% #5E3B41	RGB 94 59 65	#5E3B41
16.7%	16.7% #6B424F	RGB 107 66 79	#6B424F
33.3%	33.3% #784860	RGB 120 72 96	#784860
50.0%	50.0% #864F73	RGB 134 79 115	#864F73
66.7%	66.7% #935588	RGB 147 85 136	#935588
83.3%	83.3% #A05BA0	RGB 160 91 160	#A05BA0
100.0%	100.0% #A261AE	RGB 162 97 174	#A261AE

#5E3B41 #6B424F #784860 #864F73 #935588 #A05BA0 #A261AE

#5E3B41 - #864F73 - #A261AE

CSS codes

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

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