#6D3C3C - #4B0411 | 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 #6D3C3C to #4B0411

#6D3C3C #4B0411

Calculate the color between two colors, #6D3C3C and #4B0411. 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)

#6D3C3C - #4B0411 | 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 #6D3C3C as 0% and #4B0411 as 100%.

0.0%	0.0% #6D3C3C	RGB 109 60 60	#6D3C3C
16.7%	16.7% #673234	RGB 103 50 52	#673234
33.3%	33.3% #61292D	RGB 97 41 45	#61292D
50.0%	50.0% #5C2026	RGB 92 32 38	#5C2026
66.7%	66.7% #56161F	RGB 86 22 31	#56161F
83.3%	83.3% #500D18	RGB 80 13 24	#500D18
100.0%	100.0% #4B0411	RGB 75 4 17	#4B0411

#6D3C3C #673234 #61292D #5C2026 #56161F #500D18 #4B0411

#6D3C3C - #4B0411

HSV Blend

#6D3C3C - #4B0411 | 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 #6D3C3C as 0% and #4B0411 as 100%.

0.0%	0.0% #6D3C3C	RGB 109 60 60	#6D3C3C
16.7%	16.7% #673031	RGB 103 48 49	#673031
33.3%	33.3% #612529	RGB 97 37 41	#612529
50.0%	50.0% #5C1B21	RGB 92 27 33	#5C1B21
66.7%	66.7% #56121B	RGB 86 18 27	#56121B
83.3%	83.3% #500A15	RGB 80 10 21	#500A15
100.0%	100.0% #4B0411	RGB 75 4 17	#4B0411

#6D3C3C #673031 #612529 #5C1B21 #56121B #500A15 #4B0411

#6D3C3C - #5C1B21 - #4B0411

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D3C3C 0%, #5C1B21 50%, #4B0411 100%);
    background: -webkit-linear-gradient(top, #6D3C3C 0%, #5C1B21 50%, #4B0411 100%);
    background: linear-gradient(to bottom, #6D3C3C 0%, #5C1B21 50%, #4B0411 100%);
}
</style>