#5E4661 - #1B171B | 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 #5E4661 to #1B171B

#5E4661 #1B171B

Calculate the color between two colors, #5E4661 and #1B171B. 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)

#5E4661 - #1B171B | 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 #5E4661 as 0% and #1B171B as 100%.

0.0%	0.0% #5E4661	RGB 94 70 97	#5E4661
16.7%	16.7% #523E55	RGB 82 62 85	#523E55
33.3%	33.3% #473649	RGB 71 54 73	#473649
50.0%	50.0% #3C2E3E	RGB 60 46 62	#3C2E3E
66.7%	66.7% #312632	RGB 49 38 50	#312632
83.3%	83.3% #261E26	RGB 38 30 38	#261E26
100.0%	100.0% #1B171B	RGB 27 23 27	#1B171B

#5E4661 #523E55 #473649 #3C2E3E #312632 #261E26 #1B171B

#5E4661 - #1B171B

HSV Blend

#5E4661 - #1B171B | 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 #5E4661 as 0% and #1B171B as 100%.

0.0%	0.0% #5D4661	RGB 93 70 97	#5D4661
16.7%	16.7% #533F55	RGB 83 63 85	#533F55
33.3%	33.3% #483849	RGB 72 56 73	#483849
50.0%	50.0% #3D303E	RGB 61 48 62	#3D303E
66.7%	66.7% #312832	RGB 49 40 50	#312832
83.3%	83.3% #262026	RGB 38 32 38	#262026
100.0%	100.0% #1B171B	RGB 27 23 27	#1B171B

#5D4661 #533F55 #483849 #3D303E #312832 #262026 #1B171B

#5E4661 - #3D303E - #1B171B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4661 0%, #3D303E 50%, #1B171B 100%);
    background: -webkit-linear-gradient(top, #5D4661 0%, #3D303E 50%, #1B171B 100%);
    background: linear-gradient(to bottom, #5D4661 0%, #3D303E 50%, #1B171B 100%);
}
</style>