#8D4142 - #32101B | 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 #8D4142 to #32101B

#8D4142 #32101B

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

#8D4142 - #32101B | 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 #8D4142 as 0% and #32101B as 100%.

0.0%	0.0% #8D4142	RGB 141 65 66	#8D4142
16.7%	16.7% #7D383B	RGB 125 56 59	#7D383B
33.3%	33.3% #6E3035	RGB 110 48 53	#6E3035
50.0%	50.0% #5F282E	RGB 95 40 46	#5F282E
66.7%	66.7% #502028	RGB 80 32 40	#502028
83.3%	83.3% #411821	RGB 65 24 33	#411821
100.0%	100.0% #32101B	RGB 50 16 27	#32101B

#8D4142 #7D383B #6E3035 #5F282E #502028 #411821 #32101B

#8D4142 - #32101B

HSV Blend

#8D4142 - #32101B | 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 #8D4142 as 0% and #32101B as 100%.

0.0%	0.0% #8D4142	RGB 141 65 66	#8D4142
16.7%	16.7% #7D373B	RGB 125 55 59	#7D373B
33.3%	33.3% #6E2D35	RGB 110 45 53	#6E2D35
50.0%	50.0% #5F252F	RGB 95 37 47	#5F252F
66.7%	66.7% #501D28	RGB 80 29 40	#501D28
83.3%	83.3% #411622	RGB 65 22 34	#411622
100.0%	100.0% #32101B	RGB 50 16 27	#32101B

#8D4142 #7D373B #6E2D35 #5F252F #501D28 #411622 #32101B

#8D4142 - #5F252F - #32101B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D4142 0%, #5F252F 50%, #32101B 100%);
    background: -webkit-linear-gradient(top, #8D4142 0%, #5F252F 50%, #32101B 100%);
    background: linear-gradient(to bottom, #8D4142 0%, #5F252F 50%, #32101B 100%);
}
</style>