#5E523E - #A5718C | 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 #5E523E to #A5718C

#5E523E #A5718C

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

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

0.0%	0.0% #5E523E	RGB 94 82 62	#5E523E
16.7%	16.7% #69574B	RGB 105 87 75	#69574B
33.3%	33.3% #755C58	RGB 117 92 88	#755C58
50.0%	50.0% #816165	RGB 129 97 101	#816165
66.7%	66.7% #8D6672	RGB 141 102 114	#8D6672
83.3%	83.3% #996B7F	RGB 153 107 127	#996B7F
100.0%	100.0% #A5718C	RGB 165 113 140	#A5718C

#5E523E #69574B #755C58 #816165 #8D6672 #996B7F #A5718C

#5E523E - #A5718C

HSV Blend

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

0.0%	0.0% #5E523E	RGB 94 82 62	#5E523E
16.7%	16.7% #695546	RGB 105 85 70	#695546
33.3%	33.3% #75584E	RGB 117 88 78	#75584E
50.0%	50.0% #815957	RGB 129 89 87	#815957
66.7%	66.7% #8D5F65	RGB 141 95 101	#8D5F65
83.3%	83.3% #996878	RGB 153 104 120	#996878
100.0%	100.0% #A5718C	RGB 165 113 140	#A5718C

#5E523E #695546 #75584E #815957 #8D5F65 #996878 #A5718C

#5E523E - #815957 - #A5718C

CSS codes

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

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