#6B5B5D - #1E191A | 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 #6B5B5D to #1E191A

#6B5B5D #1E191A

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

#6B5B5D - #1E191A | 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 #6B5B5D as 0% and #1E191A as 100%.

0.0%	0.0% #6B5B5D	RGB 107 91 93	#6B5B5D
16.7%	16.7% #5E5051	RGB 94 80 81	#5E5051
33.3%	33.3% #514546	RGB 81 69 70	#514546
50.0%	50.0% #443A3B	RGB 68 58 59	#443A3B
66.7%	66.7% #372F30	RGB 55 47 48	#372F30
83.3%	83.3% #2A2425	RGB 42 36 37	#2A2425
100.0%	100.0% #1E191A	RGB 30 25 26	#1E191A

#6B5B5D #5E5051 #514546 #443A3B #372F30 #2A2425 #1E191A

#6B5B5D - #1E191A

HSV Blend

#6B5B5D - #1E191A | 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 #6B5B5D as 0% and #1E191A as 100%.

0.0%	0.0% #6B5B5D	RGB 107 91 93	#6B5B5D
16.7%	16.7% #5E4F51	RGB 94 79 81	#5E4F51
33.3%	33.3% #514446	RGB 81 68 70	#514446
50.0%	50.0% #44393B	RGB 68 57 59	#44393B
66.7%	66.7% #372E30	RGB 55 46 48	#372E30
83.3%	83.3% #2A2325	RGB 42 35 37	#2A2325
100.0%	100.0% #1E191A	RGB 30 25 26	#1E191A

#6B5B5D #5E4F51 #514446 #44393B #372E30 #2A2325 #1E191A

#6B5B5D - #44393B - #1E191A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5B5D 0%, #44393B 50%, #1E191A 100%);
    background: -webkit-linear-gradient(top, #6B5B5D 0%, #44393B 50%, #1E191A 100%);
    background: linear-gradient(to bottom, #6B5B5D 0%, #44393B 50%, #1E191A 100%);
}
</style>