#5E5564 - #251A1D | 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 #5E5564 to #251A1D

#5E5564 #251A1D

Calculate the color between two colors, #5E5564 and #251A1D. 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)

#5E5564 - #251A1D | 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 #5E5564 as 0% and #251A1D as 100%.

0.0%	0.0% #5E5564	RGB 94 85 100	#5E5564
16.7%	16.7% #544B58	RGB 84 75 88	#544B58
33.3%	33.3% #4B414C	RGB 75 65 76	#4B414C
50.0%	50.0% #413740	RGB 65 55 64	#413740
66.7%	66.7% #382D34	RGB 56 45 52	#382D34
83.3%	83.3% #2E2328	RGB 46 35 40	#2E2328
100.0%	100.0% #251A1D	RGB 37 26 29	#251A1D

#5E5564 #544B58 #4B414C #413740 #382D34 #2E2328 #251A1D

#5E5564 - #251A1D

HSV Blend

#5E5564 - #251A1D | 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 #5E5564 as 0% and #251A1D as 100%.

0.0%	0.0% #5E5564	RGB 94 85 100	#5E5564
16.7%	16.7% #564959	RGB 86 73 89	#564959
33.3%	33.3% #4E3F4F	RGB 78 63 79	#4E3F4F
50.0%	50.0% #443541	RGB 68 53 65	#443541
66.7%	66.7% #3A2B34	RGB 58 43 52	#3A2B34
83.3%	83.3% #2F2228	RGB 47 34 40	#2F2228
100.0%	100.0% #251A1D	RGB 37 26 29	#251A1D

#5E5564 #564959 #4E3F4F #443541 #3A2B34 #2F2228 #251A1D

#5E5564 - #443541 - #251A1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5564 0%, #443541 50%, #251A1D 100%);
    background: -webkit-linear-gradient(top, #5E5564 0%, #443541 50%, #251A1D 100%);
    background: linear-gradient(to bottom, #5E5564 0%, #443541 50%, #251A1D 100%);
}
</style>