#5E3A67 - #1B101C | 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 #5E3A67 to #1B101C

#5E3A67 #1B101C

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

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

0.0%	0.0% #5E3A67	RGB 94 58 103	#5E3A67
16.7%	16.7% #52335A	RGB 82 51 90	#52335A
33.3%	33.3% #472C4E	RGB 71 44 78	#472C4E
50.0%	50.0% #3C2541	RGB 60 37 65	#3C2541
66.7%	66.7% #311E35	RGB 49 30 53	#311E35
83.3%	83.3% #261728	RGB 38 23 40	#261728
100.0%	100.0% #1B101C	RGB 27 16 28	#1B101C

#5E3A67 #52335A #472C4E #3C2541 #311E35 #261728 #1B101C

#5E3A67 - #1B101C

HSV Blend

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

0.0%	0.0% #5D3A67	RGB 93 58 103	#5D3A67
16.7%	16.7% #53335A	RGB 83 51 90	#53335A
33.3%	33.3% #482C4E	RGB 72 44 78	#482C4E
50.0%	50.0% #3D2541	RGB 61 37 65	#3D2541
66.7%	66.7% #321E35	RGB 50 30 53	#321E35
83.3%	83.3% #261728	RGB 38 23 40	#261728
100.0%	100.0% #1B101C	RGB 27 16 28	#1B101C

#5D3A67 #53335A #482C4E #3D2541 #321E35 #261728 #1B101C

#5E3A67 - #3D2541 - #1B101C

CSS codes

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

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