#5E353C - #2F120D | 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 #5E353C to #2F120D

#5E353C #2F120D

Calculate the color between two colors, #5E353C and #2F120D. 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)

#5E353C - #2F120D | 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 #5E353C as 0% and #2F120D as 100%.

0.0%	0.0% #5E353C	RGB 94 53 60	#5E353C
16.7%	16.7% #562F34	RGB 86 47 52	#562F34
33.3%	33.3% #4E292C	RGB 78 41 44	#4E292C
50.0%	50.0% #462324	RGB 70 35 36	#462324
66.7%	66.7% #3E1D1C	RGB 62 29 28	#3E1D1C
83.3%	83.3% #361714	RGB 54 23 20	#361714
100.0%	100.0% #2F120D	RGB 47 18 13	#2F120D

#5E353C #562F34 #4E292C #462324 #3E1D1C #361714 #2F120D

#5E353C - #2F120D

HSV Blend

#5E353C - #2F120D | 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 #5E353C as 0% and #2F120D as 100%.

0.0%	0.0% #5E353B	RGB 94 53 59	#5E353B
16.7%	16.7% #562C31	RGB 86 44 49	#562C31
33.3%	33.3% #4E2427	RGB 78 36 39	#4E2427
50.0%	50.0% #461D1E	RGB 70 29 30	#461D1E
66.7%	66.7% #3E1817	RGB 62 24 23	#3E1817
83.3%	83.3% #361511	RGB 54 21 17	#361511
100.0%	100.0% #2F120D	RGB 47 18 13	#2F120D

#5E353B #562C31 #4E2427 #461D1E #3E1817 #361511 #2F120D

#5E353C - #461D1E - #2F120D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E353B 0%, #461D1E 50%, #2F120D 100%);
    background: -webkit-linear-gradient(top, #5E353B 0%, #461D1E 50%, #2F120D 100%);
    background: linear-gradient(to bottom, #5E353B 0%, #461D1E 50%, #2F120D 100%);
}
</style>