#5E336D - #1B0C1E | 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 #5E336D to #1B0C1E

#5E336D #1B0C1E

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

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

0.0%	0.0% #5E336D	RGB 94 51 109	#5E336D
16.7%	16.7% #522C5F	RGB 82 44 95	#522C5F
33.3%	33.3% #472652	RGB 71 38 82	#472652
50.0%	50.0% #3C1F45	RGB 60 31 69	#3C1F45
66.7%	66.7% #311938	RGB 49 25 56	#311938
83.3%	83.3% #26122B	RGB 38 18 43	#26122B
100.0%	100.0% #1B0C1E	RGB 27 12 30	#1B0C1E

#5E336D #522C5F #472652 #3C1F45 #311938 #26122B #1B0C1E

#5E336D - #1B0C1E

HSV Blend

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

0.0%	0.0% #5D336D	RGB 93 51 109	#5D336D
16.7%	16.7% #532B5F	RGB 83 43 95	#532B5F
33.3%	33.3% #482452	RGB 72 36 82	#482452
50.0%	50.0% #3D1E45	RGB 61 30 69	#3D1E45
66.7%	66.7% #311738	RGB 49 23 56	#311738
83.3%	83.3% #26112B	RGB 38 17 43	#26112B
100.0%	100.0% #1B0C1E	RGB 27 12 30	#1B0C1E

#5D336D #532B5F #482452 #3D1E45 #311738 #26112B #1B0C1E

#5E336D - #3D1E45 - #1B0C1E

CSS codes

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

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