#6D5E5E - #612813 | 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 #6D5E5E to #612813

#6D5E5E #612813

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

#6D5E5E - #612813 | 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 #6D5E5E as 0% and #612813 as 100%.

0.0%	0.0% #6D5E5E	RGB 109 94 94	#6D5E5E
16.7%	16.7% #6B5551	RGB 107 85 81	#6B5551
33.3%	33.3% #694C45	RGB 105 76 69	#694C45
50.0%	50.0% #674338	RGB 103 67 56	#674338
66.7%	66.7% #653A2C	RGB 101 58 44	#653A2C
83.3%	83.3% #63311F	RGB 99 49 31	#63311F
100.0%	100.0% #612813	RGB 97 40 19	#612813

#6D5E5E #6B5551 #694C45 #674338 #653A2C #63311F #612813

#6D5E5E - #612813

HSV Blend

#6D5E5E - #612813 | 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 #6D5E5E as 0% and #612813 as 100%.

0.0%	0.0% #6D5E5E	RGB 109 94 94	#6D5E5E
16.7%	16.7% #6B5150	RGB 107 81 80	#6B5150
33.3%	33.3% #694643	RGB 105 70 67	#694643
50.0%	50.0% #673D36	RGB 103 61 54	#673D36
66.7%	66.7% #65342A	RGB 101 52 42	#65342A
83.3%	83.3% #632D1E	RGB 99 45 30	#632D1E
100.0%	100.0% #612813	RGB 97 40 19	#612813

#6D5E5E #6B5150 #694643 #673D36 #65342A #632D1E #612813

#6D5E5E - #673D36 - #612813

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E5E 0%, #673D36 50%, #612813 100%);
    background: -webkit-linear-gradient(top, #6D5E5E 0%, #673D36 50%, #612813 100%);
    background: linear-gradient(to bottom, #6D5E5E 0%, #673D36 50%, #612813 100%);
}
</style>