#5E4E3E - #A47498 | 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 #5E4E3E to #A47498

#5E4E3E #A47498

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

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

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #69544D	RGB 105 84 77	#69544D
33.3%	33.3% #755A5C	RGB 117 90 92	#755A5C
50.0%	50.0% #81616B	RGB 129 97 107	#81616B
66.7%	66.7% #8C677A	RGB 140 103 122	#8C677A
83.3%	83.3% #986D89	RGB 152 109 137	#986D89
100.0%	100.0% #A47498	RGB 164 116 152	#A47498

#5E4E3E #69544D #755A5C #81616B #8C677A #986D89 #A47498

#5E4E3E - #A47498

HSV Blend

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

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #695046	RGB 105 80 70	#695046
33.3%	33.3% #75524F	RGB 117 82 79	#75524F
50.0%	50.0% #81585D	RGB 129 88 93	#81585D
66.7%	66.7% #8C616F	RGB 140 97 111	#8C616F
83.3%	83.3% #986A83	RGB 152 106 131	#986A83
100.0%	100.0% #A47498	RGB 164 116 152	#A47498

#5E4E3E #695046 #75524F #81585D #8C616F #986A83 #A47498

#5E4E3E - #81585D - #A47498

CSS codes

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

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