#6E5A5E - #5E1011 | 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 #6E5A5E to #5E1011

#6E5A5E #5E1011

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

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

0.0%	0.0% #6E5A5E	RGB 110 90 94	#6E5A5E
16.7%	16.7% #6B4D51	RGB 107 77 81	#6B4D51
33.3%	33.3% #684144	RGB 104 65 68	#684144
50.0%	50.0% #663537	RGB 102 53 55	#663537
66.7%	66.7% #63282A	RGB 99 40 42	#63282A
83.3%	83.3% #601C1D	RGB 96 28 29	#601C1D
100.0%	100.0% #5E1011	RGB 94 16 17	#5E1011

#6E5A5E #6B4D51 #684144 #663537 #63282A #601C1D #5E1011

#6E5A5E - #5E1011

HSV Blend

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

0.0%	0.0% #6E5A5E	RGB 110 90 94	#6E5A5E
16.7%	16.7% #6B4C51	RGB 107 76 81	#6B4C51
33.3%	33.3% #683F44	RGB 104 63 68	#683F44
50.0%	50.0% #663237	RGB 102 50 55	#663237
66.7%	66.7% #63262A	RGB 99 38 42	#63262A
83.3%	83.3% #601A1D	RGB 96 26 29	#601A1D
100.0%	100.0% #5E1011	RGB 94 16 17	#5E1011

#6E5A5E #6B4C51 #683F44 #663237 #63262A #601A1D #5E1011

#6E5A5E - #663237 - #5E1011

CSS codes

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

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