#6B6B6D - #1D332A | 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 #6B6B6D to #1D332A

#6B6B6D #1D332A

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

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

0.0%	0.0% #6B6B6D	RGB 107 107 109	#6B6B6D
16.7%	16.7% #5E6161	RGB 94 97 97	#5E6161
33.3%	33.3% #515856	RGB 81 88 86	#515856
50.0%	50.0% #444F4B	RGB 68 79 75	#444F4B
66.7%	66.7% #374540	RGB 55 69 64	#374540
83.3%	83.3% #2A3C35	RGB 42 60 53	#2A3C35
100.0%	100.0% #1D332A	RGB 29 51 42	#1D332A

#6B6B6D #5E6161 #515856 #444F4B #374540 #2A3C35 #1D332A

#6B6B6D - #1D332A

HSV Blend

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

0.0%	0.0% #6B6B6D	RGB 107 107 109	#6B6B6D
16.7%	16.7% #5A5C63	RGB 90 92 99	#5A5C63
33.3%	33.3% #4B5259	RGB 75 82 89	#4B5259
50.0%	50.0% #3E4A50	RGB 62 74 80	#3E4A50
66.7%	66.7% #314546	RGB 49 69 70	#314546
83.3%	83.3% #263C38	RGB 38 60 56	#263C38
100.0%	100.0% #1D332A	RGB 29 51 42	#1D332A

#6B6B6D #5A5C63 #4B5259 #3E4A50 #314546 #263C38 #1D332A

#6B6B6D - #3E4A50 - #1D332A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6B6D 0%, #3E4A50 50%, #1D332A 100%);
    background: -webkit-linear-gradient(top, #6B6B6D 0%, #3E4A50 50%, #1D332A 100%);
    background: linear-gradient(to bottom, #6B6B6D 0%, #3E4A50 50%, #1D332A 100%);
}
</style>