#5B736A - #19201E | 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 #5B736A to #19201E

#5B736A #19201E

Calculate the color between two colors, #5B736A and #19201E. 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)

#5B736A - #19201E | 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 #5B736A as 0% and #19201E as 100%.

0.0%	0.0% #5B736A	RGB 91 115 106	#5B736A
16.7%	16.7% #50655D	RGB 80 101 93	#50655D
33.3%	33.3% #455750	RGB 69 87 80	#455750
50.0%	50.0% #3A4944	RGB 58 73 68	#3A4944
66.7%	66.7% #2F3B37	RGB 47 59 55	#2F3B37
83.3%	83.3% #242D2A	RGB 36 45 42	#242D2A
100.0%	100.0% #19201E	RGB 25 32 30	#19201E

#5B736A #50655D #455750 #3A4944 #2F3B37 #242D2A #19201E

#5B736A - #19201E

HSV Blend

#5B736A - #19201E | 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 #5B736A as 0% and #19201E as 100%.

0.0%	0.0% #5B736A	RGB 91 115 106	#5B736A
16.7%	16.7% #4F655D	RGB 79 101 93	#4F655D
33.3%	33.3% #445750	RGB 68 87 80	#445750
50.0%	50.0% #394944	RGB 57 73 68	#394944
66.7%	66.7% #2E3B37	RGB 46 59 55	#2E3B37
83.3%	83.3% #232D2A	RGB 35 45 42	#232D2A
100.0%	100.0% #19201E	RGB 25 32 30	#19201E

#5B736A #4F655D #445750 #394944 #2E3B37 #232D2A #19201E

#5B736A - #394944 - #19201E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B736A 0%, #394944 50%, #19201E 100%);
    background: -webkit-linear-gradient(top, #5B736A 0%, #394944 50%, #19201E 100%);
    background: linear-gradient(to bottom, #5B736A 0%, #394944 50%, #19201E 100%);
}
</style>