#2B0C0C - #6B3E39 | 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 #2B0C0C to #6B3E39

#2B0C0C #6B3E39

Calculate the color between two colors, #2B0C0C and #6B3E39. 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)

#2B0C0C - #6B3E39 | 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 #2B0C0C as 0% and #6B3E39 as 100%.

0.0%	0.0% #2B0C0C	RGB 43 12 12	#2B0C0C
16.7%	16.7% #351413	RGB 53 20 19	#351413
33.3%	33.3% #401C1B	RGB 64 28 27	#401C1B
50.0%	50.0% #4B2522	RGB 75 37 34	#4B2522
66.7%	66.7% #552D2A	RGB 85 45 42	#552D2A
83.3%	83.3% #603531	RGB 96 53 49	#603531
100.0%	100.0% #6B3E39	RGB 107 62 57	#6B3E39

#2B0C0C #351413 #401C1B #4B2522 #552D2A #603531 #6B3E39

#2B0C0C - #6B3E39

HSV Blend

#2B0C0C - #6B3E39 | 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 #2B0C0C as 0% and #6B3E39 as 100%.

0.0%	0.0% #2B0C0C	RGB 43 12 12	#2B0C0C
16.7%	16.7% #351111	RGB 53 17 17	#351111
33.3%	33.3% #401817	RGB 64 24 23	#401817
50.0%	50.0% #4B201E	RGB 75 32 30	#4B201E
66.7%	66.7% #552926	RGB 85 41 38	#552926
83.3%	83.3% #60332F	RGB 96 51 47	#60332F
100.0%	100.0% #6B3E39	RGB 107 62 57	#6B3E39

#2B0C0C #351111 #401817 #4B201E #552926 #60332F #6B3E39

#2B0C0C - #4B201E - #6B3E39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B0C0C 0%, #4B201E 50%, #6B3E39 100%);
    background: -webkit-linear-gradient(top, #2B0C0C 0%, #4B201E 50%, #6B3E39 100%);
    background: linear-gradient(to bottom, #2B0C0C 0%, #4B201E 50%, #6B3E39 100%);
}
</style>