#5E3C3F - #30150E | 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 #5E3C3F to #30150E

#5E3C3F #30150E

Calculate the color between two colors, #5E3C3F and #30150E. 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)

#5E3C3F - #30150E | 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 #5E3C3F as 0% and #30150E as 100%.

0.0%	0.0% #5E3C3F	RGB 94 60 63	#5E3C3F
16.7%	16.7% #563536	RGB 86 53 54	#563536
33.3%	33.3% #4E2F2E	RGB 78 47 46	#4E2F2E
50.0%	50.0% #472826	RGB 71 40 38	#472826
66.7%	66.7% #3F221E	RGB 63 34 30	#3F221E
83.3%	83.3% #371B16	RGB 55 27 22	#371B16
100.0%	100.0% #30150E	RGB 48 21 14	#30150E

#5E3C3F #563536 #4E2F2E #472826 #3F221E #371B16 #30150E

#5E3C3F - #30150E

HSV Blend

#5E3C3F - #30150E | 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 #5E3C3F as 0% and #30150E as 100%.

0.0%	0.0% #5E3C3F	RGB 94 60 63	#5E3C3F
16.7%	16.7% #563233	RGB 86 50 51	#563233
33.3%	33.3% #4E2929	RGB 78 41 41	#4E2929
50.0%	50.0% #472321	RGB 71 35 33	#472321
66.7%	66.7% #3F1D19	RGB 63 29 25	#3F1D19
83.3%	83.3% #371913	RGB 55 25 19	#371913
100.0%	100.0% #30150E	RGB 48 21 14	#30150E

#5E3C3F #563233 #4E2929 #472321 #3F1D19 #371913 #30150E

#5E3C3F - #472321 - #30150E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C3F 0%, #472321 50%, #30150E 100%);
    background: -webkit-linear-gradient(top, #5E3C3F 0%, #472321 50%, #30150E 100%);
    background: linear-gradient(to bottom, #5E3C3F 0%, #472321 50%, #30150E 100%);
}
</style>