#565560 - #2D131B | 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 #565560 to #2D131B

#565560 #2D131B

Calculate the color between two colors, #565560 and #2D131B. 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)

#565560 - #2D131B | 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 #565560 as 0% and #2D131B as 100%.

0.0%	0.0% #565560	RGB 86 85 96	#565560
16.7%	16.7% #4F4A54	RGB 79 74 84	#4F4A54
33.3%	33.3% #483F49	RGB 72 63 73	#483F49
50.0%	50.0% #41343D	RGB 65 52 61	#41343D
66.7%	66.7% #3A2932	RGB 58 41 50	#3A2932
83.3%	83.3% #331E26	RGB 51 30 38	#331E26
100.0%	100.0% #2D131B	RGB 45 19 27	#2D131B

#565560 #4F4A54 #483F49 #41343D #3A2932 #331E26 #2D131B

#565560 - #2D131B

HSV Blend

#565560 - #2D131B | 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 #565560 as 0% and #2D131B as 100%.

0.0%	0.0% #565560	RGB 86 85 96	#565560
16.7%	16.7% #4C4657	RGB 76 70 87	#4C4657
33.3%	33.3% #47394F	RGB 71 57 79	#47394F
50.0%	50.0% #432E46	RGB 67 46 70	#432E46
66.7%	66.7% #3E2339	RGB 62 35 57	#3E2339
83.3%	83.3% #351A2A	RGB 53 26 42	#351A2A
100.0%	100.0% #2D131B	RGB 45 19 27	#2D131B

#565560 #4C4657 #47394F #432E46 #3E2339 #351A2A #2D131B

#565560 - #432E46 - #2D131B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565560 0%, #432E46 50%, #2D131B 100%);
    background: -webkit-linear-gradient(top, #565560 0%, #432E46 50%, #2D131B 100%);
    background: linear-gradient(to bottom, #565560 0%, #432E46 50%, #2D131B 100%);
}
</style>