#6B5E64 - #272226 | 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 #6B5E64 to #272226

#6B5E64 #272226

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

#6B5E64 - #272226 | 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 #6B5E64 as 0% and #272226 as 100%.

0.0%	0.0% #6B5E64	RGB 107 94 100	#6B5E64
16.7%	16.7% #5F5459	RGB 95 84 89	#5F5459
33.3%	33.3% #544A4F	RGB 84 74 79	#544A4F
50.0%	50.0% #494045	RGB 73 64 69	#494045
66.7%	66.7% #3D363A	RGB 61 54 58	#3D363A
83.3%	83.3% #322C30	RGB 50 44 48	#322C30
100.0%	100.0% #272226	RGB 39 34 38	#272226

#6B5E64 #5F5459 #544A4F #494045 #3D363A #322C30 #272226

#6B5E64 - #272226

HSV Blend

#6B5E64 - #272226 | 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 #6B5E64 as 0% and #272226 as 100%.

0.0%	0.0% #6B5E64	RGB 107 94 100	#6B5E64
16.7%	16.7% #5F535A	RGB 95 83 90	#5F535A
33.3%	33.3% #54494F	RGB 84 73 79	#54494F
50.0%	50.0% #493F45	RGB 73 63 69	#493F45
66.7%	66.7% #3D353B	RGB 61 53 59	#3D353B
83.3%	83.3% #322B30	RGB 50 43 48	#322B30
100.0%	100.0% #272226	RGB 39 34 38	#272226

#6B5E64 #5F535A #54494F #493F45 #3D353B #322B30 #272226

#6B5E64 - #493F45 - #272226

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E64 0%, #493F45 50%, #272226 100%);
    background: -webkit-linear-gradient(top, #6B5E64 0%, #493F45 50%, #272226 100%);
    background: linear-gradient(to bottom, #6B5E64 0%, #493F45 50%, #272226 100%);
}
</style>