#6D6B5E - #1F1E1A | 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 #6D6B5E to #1F1E1A

#6D6B5E #1F1E1A

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

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

0.0%	0.0% #6D6B5E	RGB 109 107 94	#6D6B5E
16.7%	16.7% #605E52	RGB 96 94 82	#605E52
33.3%	33.3% #535147	RGB 83 81 71	#535147
50.0%	50.0% #46443C	RGB 70 68 60	#46443C
66.7%	66.7% #393730	RGB 57 55 48	#393730
83.3%	83.3% #2C2A25	RGB 44 42 37	#2C2A25
100.0%	100.0% #1F1E1A	RGB 31 30 26	#1F1E1A

#6D6B5E #605E52 #535147 #46443C #393730 #2C2A25 #1F1E1A

#6D6B5E - #1F1E1A

HSV Blend

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

0.0%	0.0% #6D6B5E	RGB 109 107 94	#6D6B5E
16.7%	16.7% #605E52	RGB 96 94 82	#605E52
33.3%	33.3% #535146	RGB 83 81 70	#535146
50.0%	50.0% #46443B	RGB 70 68 59	#46443B
66.7%	66.7% #393730	RGB 57 55 48	#393730
83.3%	83.3% #2C2A25	RGB 44 42 37	#2C2A25
100.0%	100.0% #1F1E1A	RGB 31 30 26	#1F1E1A

#6D6B5E #605E52 #535146 #46443B #393730 #2C2A25 #1F1E1A

#6D6B5E - #46443B - #1F1E1A

CSS codes

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

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