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

#6C6C6D #1D332A

Calculate the color between two colors, #6C6C6D 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)

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

0.0%	0.0% #6C6C6D	RGB 108 108 109	#6C6C6D
16.7%	16.7% #5E6261	RGB 94 98 97	#5E6261
33.3%	33.3% #515956	RGB 81 89 86	#515956
50.0%	50.0% #444F4B	RGB 68 79 75	#444F4B
66.7%	66.7% #374640	RGB 55 70 64	#374640
83.3%	83.3% #2A3C35	RGB 42 60 53	#2A3C35
100.0%	100.0% #1D332A	RGB 29 51 42	#1D332A

#6C6C6D #5E6261 #515956 #444F4B #374640 #2A3C35 #1D332A

#6C6C6D - #1D332A

HSV Blend

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

0.0%	0.0% #6C6C6D	RGB 108 108 109	#6C6C6D
16.7%	16.7% #5B5D63	RGB 91 93 99	#5B5D63
33.3%	33.3% #4C5259	RGB 76 82 89	#4C5259
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

#6C6C6D #5B5D63 #4C5259 #3E4A50 #314546 #263C38 #1D332A

#6C6C6D - #3E4A50 - #1D332A

CSS codes

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

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