#6B5E68 - #3A152A | 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 #6B5E68 to #3A152A

#6B5E68 #3A152A

Calculate the color between two colors, #6B5E68 and #3A152A. 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)

#6B5E68 - #3A152A | 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 #6B5E68 as 0% and #3A152A as 100%.

0.0%	0.0% #6B5E68	RGB 107 94 104	#6B5E68
16.7%	16.7% #62515D	RGB 98 81 93	#62515D
33.3%	33.3% #5A4553	RGB 90 69 83	#5A4553
50.0%	50.0% #523949	RGB 82 57 73	#523949
66.7%	66.7% #4A2D3E	RGB 74 45 62	#4A2D3E
83.3%	83.3% #422134	RGB 66 33 52	#422134
100.0%	100.0% #3A152A	RGB 58 21 42	#3A152A

#6B5E68 #62515D #5A4553 #523949 #4A2D3E #422134 #3A152A

#6B5E68 - #3A152A

HSV Blend

#6B5E68 - #3A152A | 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 #6B5E68 as 0% and #3A152A as 100%.

0.0%	0.0% #6B5E68	RGB 107 94 104	#6B5E68
16.7%	16.7% #624E5D	RGB 98 78 93	#624E5D
33.3%	33.3% #5A4052	RGB 90 64 82	#5A4052
50.0%	50.0% #523348	RGB 82 51 72	#523348
66.7%	66.7% #4A273D	RGB 74 39 61	#4A273D
83.3%	83.3% #421D33	RGB 66 29 51	#421D33
100.0%	100.0% #3A152A	RGB 58 21 42	#3A152A

#6B5E68 #624E5D #5A4052 #523348 #4A273D #421D33 #3A152A

#6B5E68 - #523348 - #3A152A

CSS codes

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

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