#5E3245 - #360D0E | 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 #5E3245 to #360D0E

#5E3245 #360D0E

Calculate the color between two colors, #5E3245 and #360D0E. 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)

#5E3245 - #360D0E | 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 #5E3245 as 0% and #360D0E as 100%.

0.0%	0.0% #5E3245	RGB 94 50 69	#5E3245
16.7%	16.7% #572B3B	RGB 87 43 59	#572B3B
33.3%	33.3% #502532	RGB 80 37 50	#502532
50.0%	50.0% #4A1F29	RGB 74 31 41	#4A1F29
66.7%	66.7% #431920	RGB 67 25 32	#431920
83.3%	83.3% #3C1317	RGB 60 19 23	#3C1317
100.0%	100.0% #360D0E	RGB 54 13 14	#360D0E

#5E3245 #572B3B #502532 #4A1F29 #431920 #3C1317 #360D0E

#5E3245 - #360D0E

HSV Blend

#5E3245 - #360D0E | 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 #5E3245 as 0% and #360D0E as 100%.

0.0%	0.0% #5E3245	RGB 94 50 69	#5E3245
16.7%	16.7% #572A3A	RGB 87 42 58	#572A3A
33.3%	33.3% #502330	RGB 80 35 48	#502330
50.0%	50.0% #4A1C26	RGB 74 28 38	#4A1C26
66.7%	66.7% #43161D	RGB 67 22 29	#43161D
83.3%	83.3% #3C1115	RGB 60 17 21	#3C1115
100.0%	100.0% #360D0E	RGB 54 13 14	#360D0E

#5E3245 #572A3A #502330 #4A1C26 #43161D #3C1115 #360D0E

#5E3245 - #4A1C26 - #360D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3245 0%, #4A1C26 50%, #360D0E 100%);
    background: -webkit-linear-gradient(top, #5E3245 0%, #4A1C26 50%, #360D0E 100%);
    background: linear-gradient(to bottom, #5E3245 0%, #4A1C26 50%, #360D0E 100%);
}
</style>