#6B3E2D - #1E110C | 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 #6B3E2D to #1E110C

#6B3E2D #1E110C

Calculate the color between two colors, #6B3E2D and #1E110C. 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)

#6B3E2D - #1E110C | 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 #6B3E2D as 0% and #1E110C as 100%.

0.0%	0.0% #6B3E2D	RGB 107 62 45	#6B3E2D
16.7%	16.7% #5E3627	RGB 94 54 39	#5E3627
33.3%	33.3% #512F22	RGB 81 47 34	#512F22
50.0%	50.0% #44271C	RGB 68 39 28	#44271C
66.7%	66.7% #372017	RGB 55 32 23	#372017
83.3%	83.3% #2A1811	RGB 42 24 17	#2A1811
100.0%	100.0% #1E110C	RGB 30 17 12	#1E110C

#6B3E2D #5E3627 #512F22 #44271C #372017 #2A1811 #1E110C

#6B3E2D - #1E110C

HSV Blend

#6B3E2D - #1E110C | 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 #6B3E2D as 0% and #1E110C as 100%.

0.0%	0.0% #6B3E2D	RGB 107 62 45	#6B3E2D
16.7%	16.7% #5E3627	RGB 94 54 39	#5E3627
33.3%	33.3% #512E21	RGB 81 46 33	#512E21
50.0%	50.0% #44271C	RGB 68 39 28	#44271C
66.7%	66.7% #371F16	RGB 55 31 22	#371F16
83.3%	83.3% #2A1811	RGB 42 24 17	#2A1811
100.0%	100.0% #1E110C	RGB 30 17 12	#1E110C

#6B3E2D #5E3627 #512E21 #44271C #371F16 #2A1811 #1E110C

#6B3E2D - #44271C - #1E110C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B3E2D 0%, #44271C 50%, #1E110C 100%);
    background: -webkit-linear-gradient(top, #6B3E2D 0%, #44271C 50%, #1E110C 100%);
    background: linear-gradient(to bottom, #6B3E2D 0%, #44271C 50%, #1E110C 100%);
}
</style>