#5E262F - #270D0C | 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 #5E262F to #270D0C

#5E262F #270D0C

Calculate the color between two colors, #5E262F and #270D0C. 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)

#5E262F - #270D0C | 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 #5E262F as 0% and #270D0C as 100%.

0.0%	0.0% #5E262F	RGB 94 38 47	#5E262F
16.7%	16.7% #542129	RGB 84 33 41	#542129
33.3%	33.3% #4B1D23	RGB 75 29 35	#4B1D23
50.0%	50.0% #42191D	RGB 66 25 29	#42191D
66.7%	66.7% #391517	RGB 57 21 23	#391517
83.3%	83.3% #301111	RGB 48 17 17	#301111
100.0%	100.0% #270D0C	RGB 39 13 12	#270D0C

#5E262F #542129 #4B1D23 #42191D #391517 #301111 #270D0C

#5E262F - #270D0C

HSV Blend

#5E262F - #270D0C | 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 #5E262F as 0% and #270D0C as 100%.

0.0%	0.0% #5E262F	RGB 94 38 47	#5E262F
16.7%	16.7% #542027	RGB 84 32 39	#542027
33.3%	33.3% #4B1C20	RGB 75 28 32	#4B1C20
50.0%	50.0% #42171A	RGB 66 23 26	#42171A
66.7%	66.7% #391314	RGB 57 19 20	#391314
83.3%	83.3% #300F0F	RGB 48 15 15	#300F0F
100.0%	100.0% #270D0C	RGB 39 13 12	#270D0C

#5E262F #542027 #4B1C20 #42171A #391314 #300F0F #270D0C

#5E262F - #42171A - #270D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E262F 0%, #42171A 50%, #270D0C 100%);
    background: -webkit-linear-gradient(top, #5E262F 0%, #42171A 50%, #270D0C 100%);
    background: linear-gradient(to bottom, #5E262F 0%, #42171A 50%, #270D0C 100%);
}
</style>