#5E2B3D - #300C0D | 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 #5E2B3D to #300C0D

#5E2B3D #300C0D

Calculate the color between two colors, #5E2B3D and #300C0D. 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)

#5E2B3D - #300C0D | 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 #5E2B3D as 0% and #300C0D as 100%.

0.0%	0.0% #5E2B3D	RGB 94 43 61	#5E2B3D
16.7%	16.7% #562535	RGB 86 37 53	#562535
33.3%	33.3% #4E202D	RGB 78 32 45	#4E202D
50.0%	50.0% #471B25	RGB 71 27 37	#471B25
66.7%	66.7% #3F161D	RGB 63 22 29	#3F161D
83.3%	83.3% #371115	RGB 55 17 21	#371115
100.0%	100.0% #300C0D	RGB 48 12 13	#300C0D

#5E2B3D #562535 #4E202D #471B25 #3F161D #371115 #300C0D

#5E2B3D - #300C0D

HSV Blend

#5E2B3D - #300C0D | 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 #5E2B3D as 0% and #300C0D as 100%.

0.0%	0.0% #5E2B3D	RGB 94 43 61	#5E2B3D
16.7%	16.7% #562433	RGB 86 36 51	#562433
33.3%	33.3% #4E1E2A	RGB 78 30 42	#4E1E2A
50.0%	50.0% #471921	RGB 71 25 33	#471921
66.7%	66.7% #3F141A	RGB 63 20 26	#3F141A
83.3%	83.3% #370F13	RGB 55 15 19	#370F13
100.0%	100.0% #300C0D	RGB 48 12 13	#300C0D

#5E2B3D #562433 #4E1E2A #471921 #3F141A #370F13 #300C0D

#5E2B3D - #471921 - #300C0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B3D 0%, #471921 50%, #300C0D 100%);
    background: -webkit-linear-gradient(top, #5E2B3D 0%, #471921 50%, #300C0D 100%);
    background: linear-gradient(to bottom, #5E2B3D 0%, #471921 50%, #300C0D 100%);
}
</style>