#5E4F64 - #21191D | 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 #5E4F64 to #21191D

#5E4F64 #21191D

Calculate the color between two colors, #5E4F64 and #21191D. 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)

#5E4F64 - #21191D | 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 #5E4F64 as 0% and #21191D as 100%.

0.0%	0.0% #5E4F64	RGB 94 79 100	#5E4F64
16.7%	16.7% #534658	RGB 83 70 88	#534658
33.3%	33.3% #493D4C	RGB 73 61 76	#493D4C
50.0%	50.0% #3F3440	RGB 63 52 64	#3F3440
66.7%	66.7% #352B34	RGB 53 43 52	#352B34
83.3%	83.3% #2B2228	RGB 43 34 40	#2B2228
100.0%	100.0% #21191D	RGB 33 25 29	#21191D

#5E4F64 #534658 #493D4C #3F3440 #352B34 #2B2228 #21191D

#5E4F64 - #21191D

HSV Blend

#5E4F64 - #21191D | 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 #5E4F64 as 0% and #21191D as 100%.

0.0%	0.0% #5E4F64	RGB 94 79 100	#5E4F64
16.7%	16.7% #554558	RGB 85 69 88	#554558
33.3%	33.3% #4D3C4D	RGB 77 60 77	#4D3C4D
50.0%	50.0% #423340	RGB 66 51 64	#423340
66.7%	66.7% #372A34	RGB 55 42 52	#372A34
83.3%	83.3% #2C2128	RGB 44 33 40	#2C2128
100.0%	100.0% #21191D	RGB 33 25 29	#21191D

#5E4F64 #554558 #4D3C4D #423340 #372A34 #2C2128 #21191D

#5E4F64 - #423340 - #21191D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4F64 0%, #423340 50%, #21191D 100%);
    background: -webkit-linear-gradient(top, #5E4F64 0%, #423340 50%, #21191D 100%);
    background: linear-gradient(to bottom, #5E4F64 0%, #423340 50%, #21191D 100%);
}
</style>