#8D5E68 - #542022 | 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 #8D5E68 to #542022

#8D5E68 #542022

Calculate the color between two colors, #8D5E68 and #542022. 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)

#8D5E68 - #542022 | 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 #8D5E68 as 0% and #542022 as 100%.

0.0%	0.0% #8D5E68	RGB 141 94 104	#8D5E68
16.7%	16.7% #83535C	RGB 131 83 92	#83535C
33.3%	33.3% #7A4950	RGB 122 73 80	#7A4950
50.0%	50.0% #703F45	RGB 112 63 69	#703F45
66.7%	66.7% #673439	RGB 103 52 57	#673439
83.3%	83.3% #5D2A2D	RGB 93 42 45	#5D2A2D
100.0%	100.0% #542022	RGB 84 32 34	#542022

#8D5E68 #83535C #7A4950 #703F45 #673439 #5D2A2D #542022

#8D5E68 - #542022

HSV Blend

#8D5E68 - #542022 | 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 #8D5E68 as 0% and #542022 as 100%.

0.0%	0.0% #8D5E68	RGB 141 94 104	#8D5E68
16.7%	16.7% #83515A	RGB 131 81 90	#83515A
33.3%	33.3% #7A454D	RGB 122 69 77	#7A454D
50.0%	50.0% #703A41	RGB 112 58 65	#703A41
66.7%	66.7% #673136	RGB 103 49 54	#673136
83.3%	83.3% #5D282B	RGB 93 40 43	#5D282B
100.0%	100.0% #542022	RGB 84 32 34	#542022

#8D5E68 #83515A #7A454D #703A41 #673136 #5D282B #542022

#8D5E68 - #703A41 - #542022

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E68 0%, #703A41 50%, #542022 100%);
    background: -webkit-linear-gradient(top, #8D5E68 0%, #703A41 50%, #542022 100%);
    background: linear-gradient(to bottom, #8D5E68 0%, #703A41 50%, #542022 100%);
}
</style>