#6B3C4D - #3C1112 | 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 #6B3C4D to #3C1112

#6B3C4D #3C1112

Calculate the color between two colors, #6B3C4D and #3C1112. 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)

#6B3C4D - #3C1112 | 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 #6B3C4D as 0% and #3C1112 as 100%.

0.0%	0.0% #6B3C4D	RGB 107 60 77	#6B3C4D
16.7%	16.7% #633443	RGB 99 52 67	#633443
33.3%	33.3% #5B2D39	RGB 91 45 57	#5B2D39
50.0%	50.0% #53262F	RGB 83 38 47	#53262F
66.7%	66.7% #4B1F25	RGB 75 31 37	#4B1F25
83.3%	83.3% #43181B	RGB 67 24 27	#43181B
100.0%	100.0% #3C1112	RGB 60 17 18	#3C1112

#6B3C4D #633443 #5B2D39 #53262F #4B1F25 #43181B #3C1112

#6B3C4D - #3C1112

HSV Blend

#6B3C4D - #3C1112 | 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 #6B3C4D as 0% and #3C1112 as 100%.

0.0%	0.0% #6B3C4C	RGB 107 60 76	#6B3C4C
16.7%	16.7% #633341	RGB 99 51 65	#633341
33.3%	33.3% #5B2A36	RGB 91 42 54	#5B2A36
50.0%	50.0% #53232C	RGB 83 35 44	#53232C
66.7%	66.7% #4B1C22	RGB 75 28 34	#4B1C22
83.3%	83.3% #431619	RGB 67 22 25	#431619
100.0%	100.0% #3C1112	RGB 60 17 18	#3C1112

#6B3C4C #633341 #5B2A36 #53232C #4B1C22 #431619 #3C1112

#6B3C4D - #53232C - #3C1112

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B3C4C 0%, #53232C 50%, #3C1112 100%);
    background: -webkit-linear-gradient(top, #6B3C4C 0%, #53232C 50%, #3C1112 100%);
    background: linear-gradient(to bottom, #6B3C4C 0%, #53232C 50%, #3C1112 100%);
}
</style>