#555B5E - #20201F | 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 #555B5E to #20201F

#555B5E #20201F

Calculate the color between two colors, #555B5E and #20201F. 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)

#555B5E - #20201F | 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 #555B5E as 0% and #20201F as 100%.

0.0%	0.0% #555B5E	RGB 85 91 94	#555B5E
16.7%	16.7% #4C5153	RGB 76 81 83	#4C5153
33.3%	33.3% #434749	RGB 67 71 73	#434749
50.0%	50.0% #3A3D3E	RGB 58 61 62	#3A3D3E
66.7%	66.7% #313334	RGB 49 51 52	#313334
83.3%	83.3% #282929	RGB 40 41 41	#282929
100.0%	100.0% #20201F	RGB 32 32 31	#20201F

#555B5E #4C5153 #434749 #3A3D3E #313334 #282929 #20201F

#555B5E - #20201F

HSV Blend

#555B5E - #20201F | 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 #555B5E as 0% and #20201F as 100%.

0.0%	0.0% #555B5E	RGB 85 91 94	#555B5E
16.7%	16.7% #4C5353	RGB 76 83 83	#4C5353
33.3%	33.3% #434946	RGB 67 73 70	#434946
50.0%	50.0% #3A3F3B	RGB 58 63 59	#3A3F3B
66.7%	66.7% #323431	RGB 50 52 49	#323431
83.3%	83.3% #292A28	RGB 41 42 40	#292A28
100.0%	100.0% #20201F	RGB 32 32 31	#20201F

#555B5E #4C5353 #434946 #3A3F3B #323431 #292A28 #20201F

#555B5E - #3A3F3B - #20201F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #555B5E 0%, #3A3F3B 50%, #20201F 100%);
    background: -webkit-linear-gradient(top, #555B5E 0%, #3A3F3B 50%, #20201F 100%);
    background: linear-gradient(to bottom, #555B5E 0%, #3A3F3B 50%, #20201F 100%);
}
</style>