#8D5E5F - #4F241E | 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 #8D5E5F to #4F241E

#8D5E5F #4F241E

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

#8D5E5F - #4F241E | 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 #8D5E5F as 0% and #4F241E as 100%.

0.0%	0.0% #8D5E5F	RGB 141 94 95	#8D5E5F
16.7%	16.7% #825454	RGB 130 84 84	#825454
33.3%	33.3% #784A49	RGB 120 74 73	#784A49
50.0%	50.0% #6E413E	RGB 110 65 62	#6E413E
66.7%	66.7% #633733	RGB 99 55 51	#633733
83.3%	83.3% #592D28	RGB 89 45 40	#592D28
100.0%	100.0% #4F241E	RGB 79 36 30	#4F241E

#8D5E5F #825454 #784A49 #6E413E #633733 #592D28 #4F241E

#8D5E5F - #4F241E

HSV Blend

#8D5E5F - #4F241E | 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 #8D5E5F as 0% and #4F241E as 100%.

0.0%	0.0% #8D5E5F	RGB 141 94 95	#8D5E5F
16.7%	16.7% #825050	RGB 130 80 80	#825050
33.3%	33.3% #784644	RGB 120 70 68	#784644
50.0%	50.0% #6E3C39	RGB 110 60 57	#6E3C39
66.7%	66.7% #63332F	RGB 99 51 47	#63332F
83.3%	83.3% #592B26	RGB 89 43 38	#592B26
100.0%	100.0% #4F241E	RGB 79 36 30	#4F241E

#8D5E5F #825050 #784644 #6E3C39 #63332F #592B26 #4F241E

#8D5E5F - #6E3C39 - #4F241E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E5F 0%, #6E3C39 50%, #4F241E 100%);
    background: -webkit-linear-gradient(top, #8D5E5F 0%, #6E3C39 50%, #4F241E 100%);
    background: linear-gradient(to bottom, #8D5E5F 0%, #6E3C39 50%, #4F241E 100%);
}
</style>