#1B110F - #5E4D39 | 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 #1B110F to #5E4D39

#1B110F #5E4D39

Calculate the color between two colors, #1B110F and #5E4D39. 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)

#1B110F - #5E4D39 | 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 #1B110F as 0% and #5E4D39 as 100%.

0.0%	0.0% #1B110F	RGB 27 17 15	#1B110F
16.7%	16.7% #261B16	RGB 38 27 22	#261B16
33.3%	33.3% #31251D	RGB 49 37 29	#31251D
50.0%	50.0% #3C2F24	RGB 60 47 36	#3C2F24
66.7%	66.7% #47392B	RGB 71 57 43	#47392B
83.3%	83.3% #524332	RGB 82 67 50	#524332
100.0%	100.0% #5E4D39	RGB 94 77 57	#5E4D39

#1B110F #261B16 #31251D #3C2F24 #47392B #524332 #5E4D39

#1B110F - #5E4D39

HSV Blend

#1B110F - #5E4D39 | 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 #1B110F as 0% and #5E4D39 as 100%.

0.0%	0.0% #1B110F	RGB 27 17 15	#1B110F
16.7%	16.7% #261915	RGB 38 25 21	#261915
33.3%	33.3% #31221C	RGB 49 34 28	#31221C
50.0%	50.0% #3C2C23	RGB 60 44 35	#3C2C23
66.7%	66.7% #47362A	RGB 71 54 42	#47362A
83.3%	83.3% #524131	RGB 82 65 49	#524131
100.0%	100.0% #5E4D39	RGB 94 77 57	#5E4D39

#1B110F #261915 #31221C #3C2C23 #47362A #524131 #5E4D39

#1B110F - #3C2C23 - #5E4D39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B110F 0%, #3C2C23 50%, #5E4D39 100%);
    background: -webkit-linear-gradient(top, #1B110F 0%, #3C2C23 50%, #5E4D39 100%);
    background: linear-gradient(to bottom, #1B110F 0%, #3C2C23 50%, #5E4D39 100%);
}
</style>