#5E2E4F - #3C0710 | 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 #5E2E4F to #3C0710

#5E2E4F #3C0710

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

#5E2E4F - #3C0710 | 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 #5E2E4F as 0% and #3C0710 as 100%.

0.0%	0.0% #5E2E4F	RGB 94 46 79	#5E2E4F
16.7%	16.7% #582744	RGB 88 39 68	#582744
33.3%	33.3% #52213A	RGB 82 33 58	#52213A
50.0%	50.0% #4D1A2F	RGB 77 26 47	#4D1A2F
66.7%	66.7% #471425	RGB 71 20 37	#471425
83.3%	83.3% #410D1A	RGB 65 13 26	#410D1A
100.0%	100.0% #3C0710	RGB 60 7 16	#3C0710

#5E2E4F #582744 #52213A #4D1A2F #471425 #410D1A #3C0710

#5E2E4F - #3C0710

HSV Blend

#5E2E4F - #3C0710 | 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 #5E2E4F as 0% and #3C0710 as 100%.

0.0%	0.0% #5E2E4E	RGB 94 46 78	#5E2E4E
16.7%	16.7% #582544	RGB 88 37 68	#582544
33.3%	33.3% #521E39	RGB 82 30 57	#521E39
50.0%	50.0% #4D172E	RGB 77 23 46	#4D172E
66.7%	66.7% #471123	RGB 71 17 35	#471123
83.3%	83.3% #410B19	RGB 65 11 25	#410B19
100.0%	100.0% #3C0710	RGB 60 7 16	#3C0710

#5E2E4E #582544 #521E39 #4D172E #471123 #410B19 #3C0710

#5E2E4F - #4D172E - #3C0710

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2E4E 0%, #4D172E 50%, #3C0710 100%);
    background: -webkit-linear-gradient(top, #5E2E4E 0%, #4D172E 50%, #3C0710 100%);
    background: linear-gradient(to bottom, #5E2E4E 0%, #4D172E 50%, #3C0710 100%);
}
</style>