#6D5E5A - #1F1A19 | 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 #6D5E5A to #1F1A19

#6D5E5A #1F1A19

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

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

0.0%	0.0% #6D5E5A	RGB 109 94 90	#6D5E5A
16.7%	16.7% #60524F	RGB 96 82 79	#60524F
33.3%	33.3% #534744	RGB 83 71 68	#534744
50.0%	50.0% #463C39	RGB 70 60 57	#463C39
66.7%	66.7% #39302E	RGB 57 48 46	#39302E
83.3%	83.3% #2C2523	RGB 44 37 35	#2C2523
100.0%	100.0% #1F1A19	RGB 31 26 25	#1F1A19

#6D5E5A #60524F #534744 #463C39 #39302E #2C2523 #1F1A19

#6D5E5A - #1F1A19

HSV Blend

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

0.0%	0.0% #6D5E5A	RGB 109 94 90	#6D5E5A
16.7%	16.7% #60524E	RGB 96 82 78	#60524E
33.3%	33.3% #534643	RGB 83 70 67	#534643
50.0%	50.0% #463B39	RGB 70 59 57	#463B39
66.7%	66.7% #39302E	RGB 57 48 46	#39302E
83.3%	83.3% #2C2523	RGB 44 37 35	#2C2523
100.0%	100.0% #1F1A19	RGB 31 26 25	#1F1A19

#6D5E5A #60524E #534643 #463B39 #39302E #2C2523 #1F1A19

#6D5E5A - #463B39 - #1F1A19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E5A 0%, #463B39 50%, #1F1A19 100%);
    background: -webkit-linear-gradient(top, #6D5E5A 0%, #463B39 50%, #1F1A19 100%);
    background: linear-gradient(to bottom, #6D5E5A 0%, #463B39 50%, #1F1A19 100%);
}
</style>