#6B4D4D - #5A1F0C | 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 #6B4D4D to #5A1F0C

#6B4D4D #5A1F0C

Calculate the color between two colors, #6B4D4D and #5A1F0C. 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)

#6B4D4D - #5A1F0C | 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 #6B4D4D as 0% and #5A1F0C as 100%.

0.0%	0.0% #6B4D4D	RGB 107 77 77	#6B4D4D
16.7%	16.7% #684542	RGB 104 69 66	#684542
33.3%	33.3% #653D37	RGB 101 61 55	#653D37
50.0%	50.0% #62362C	RGB 98 54 44	#62362C
66.7%	66.7% #5F2E21	RGB 95 46 33	#5F2E21
83.3%	83.3% #5C2616	RGB 92 38 22	#5C2616
100.0%	100.0% #5A1F0C	RGB 90 31 12	#5A1F0C

#6B4D4D #684542 #653D37 #62362C #5F2E21 #5C2616 #5A1F0C

#6B4D4D - #5A1F0C

HSV Blend

#6B4D4D - #5A1F0C | 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 #6B4D4D as 0% and #5A1F0C as 100%.

0.0%	0.0% #6B4D4D	RGB 107 77 77	#6B4D4D
16.7%	16.7% #684240	RGB 104 66 64	#684240
33.3%	33.3% #653935	RGB 101 57 53	#653935
50.0%	50.0% #62302A	RGB 98 48 42	#62302A
66.7%	66.7% #5F291F	RGB 95 41 31	#5F291F
83.3%	83.3% #5C2315	RGB 92 35 21	#5C2315
100.0%	100.0% #5A1F0C	RGB 90 31 12	#5A1F0C

#6B4D4D #684240 #653935 #62302A #5F291F #5C2315 #5A1F0C

#6B4D4D - #62302A - #5A1F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B4D4D 0%, #62302A 50%, #5A1F0C 100%);
    background: -webkit-linear-gradient(top, #6B4D4D 0%, #62302A 50%, #5A1F0C 100%);
    background: linear-gradient(to bottom, #6B4D4D 0%, #62302A 50%, #5A1F0C 100%);
}
</style>