#6C5E5E - #4E111F | 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 #6C5E5E to #4E111F

#6C5E5E #4E111F

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

#6C5E5E - #4E111F | 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 #6C5E5E as 0% and #4E111F as 100%.

0.0%	0.0% #6C5E5E	RGB 108 94 94	#6C5E5E
16.7%	16.7% #675153	RGB 103 81 83	#675153
33.3%	33.3% #624449	RGB 98 68 73	#624449
50.0%	50.0% #5D373E	RGB 93 55 62	#5D373E
66.7%	66.7% #582A34	RGB 88 42 52	#582A34
83.3%	83.3% #531D29	RGB 83 29 41	#531D29
100.0%	100.0% #4E111F	RGB 78 17 31	#4E111F

#6C5E5E #675153 #624449 #5D373E #582A34 #531D29 #4E111F

#6C5E5E - #4E111F

HSV Blend

#6C5E5E - #4E111F | 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 #6C5E5E as 0% and #4E111F as 100%.

0.0%	0.0% #6C5E5E	RGB 108 94 94	#6C5E5E
16.7%	16.7% #674E4F	RGB 103 78 79	#674E4F
33.3%	33.3% #623F42	RGB 98 63 66	#623F42
50.0%	50.0% #5D3237	RGB 93 50 55	#5D3237
66.7%	66.7% #58262D	RGB 88 38 45	#58262D
83.3%	83.3% #531B25	RGB 83 27 37	#531B25
100.0%	100.0% #4E111F	RGB 78 17 31	#4E111F

#6C5E5E #674E4F #623F42 #5D3237 #58262D #531B25 #4E111F

#6C5E5E - #5D3237 - #4E111F

CSS codes

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

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