#5E3C3A - #A86492 | 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 #5E3C3A to #A86492

#5E3C3A #A86492

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

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

0.0%	0.0% #5E3C3A	RGB 94 60 58	#5E3C3A
16.7%	16.7% #6A4248	RGB 106 66 72	#6A4248
33.3%	33.3% #764957	RGB 118 73 87	#764957
50.0%	50.0% #835066	RGB 131 80 102	#835066
66.7%	66.7% #8F5674	RGB 143 86 116	#8F5674
83.3%	83.3% #9B5D83	RGB 155 93 131	#9B5D83
100.0%	100.0% #A86492	RGB 168 100 146	#A86492

#5E3C3A #6A4248 #764957 #835066 #8F5674 #9B5D83 #A86492

#5E3C3A - #A86492

HSV Blend

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

0.0%	0.0% #5E3C3A	RGB 94 60 58	#5E3C3A
16.7%	16.7% #6A4143	RGB 106 65 67	#6A4143
33.3%	33.3% #764851	RGB 118 72 81	#764851
50.0%	50.0% #834F5F	RGB 131 79 95	#834F5F
66.7%	66.7% #8F566E	RGB 143 86 110	#8F566E
83.3%	83.3% #9B5D7F	RGB 155 93 127	#9B5D7F
100.0%	100.0% #A86492	RGB 168 100 146	#A86492

#5E3C3A #6A4143 #764851 #834F5F #8F566E #9B5D7F #A86492

#5E3C3A - #834F5F - #A86492

CSS codes

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

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