#8F354E - #5E0815 | 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 #8F354E to #5E0815

#8F354E #5E0815

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

#8F354E - #5E0815 | 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 #8F354E as 0% and #5E0815 as 100%.

0.0%	0.0% #8F354E	RGB 143 53 78	#8F354E
16.7%	16.7% #862D44	RGB 134 45 68	#862D44
33.3%	33.3% #7E263B	RGB 126 38 59	#7E263B
50.0%	50.0% #761E31	RGB 118 30 49	#761E31
66.7%	66.7% #6E1728	RGB 110 23 40	#6E1728
83.3%	83.3% #660F1E	RGB 102 15 30	#660F1E
100.0%	100.0% #5E0815	RGB 94 8 21	#5E0815

#8F354E #862D44 #7E263B #761E31 #6E1728 #660F1E #5E0815

#8F354E - #5E0815

HSV Blend

#8F354E - #5E0815 | 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 #8F354E as 0% and #5E0815 as 100%.

0.0%	0.0% #8F354E	RGB 143 53 78	#8F354E
16.7%	16.7% #862B42	RGB 134 43 66	#862B42
33.3%	33.3% #7E2238	RGB 126 34 56	#7E2238
50.0%	50.0% #761B2E	RGB 118 27 46	#761B2E
66.7%	66.7% #6E1325	RGB 110 19 37	#6E1325
83.3%	83.3% #660D1C	RGB 102 13 28	#660D1C
100.0%	100.0% #5E0815	RGB 94 8 21	#5E0815

#8F354E #862B42 #7E2238 #761B2E #6E1325 #660D1C #5E0815

#8F354E - #761B2E - #5E0815

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F354E 0%, #761B2E 50%, #5E0815 100%);
    background: -webkit-linear-gradient(top, #8F354E 0%, #761B2E 50%, #5E0815 100%);
    background: linear-gradient(to bottom, #8F354E 0%, #761B2E 50%, #5E0815 100%);
}
</style>