#5E386D - #1D0D1E | 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 #5E386D to #1D0D1E

#5E386D #1D0D1E

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

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

0.0%	0.0% #5E386D	RGB 94 56 109	#5E386D
16.7%	16.7% #53305F	RGB 83 48 95	#53305F
33.3%	33.3% #482952	RGB 72 41 82	#482952
50.0%	50.0% #3D2245	RGB 61 34 69	#3D2245
66.7%	66.7% #321B38	RGB 50 27 56	#321B38
83.3%	83.3% #27142B	RGB 39 20 43	#27142B
100.0%	100.0% #1D0D1E	RGB 29 13 30	#1D0D1E

#5E386D #53305F #482952 #3D2245 #321B38 #27142B #1D0D1E

#5E386D - #1D0D1E

HSV Blend

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

0.0%	0.0% #5E386D	RGB 94 56 109	#5E386D
16.7%	16.7% #542F5F	RGB 84 47 95	#542F5F
33.3%	33.3% #492852	RGB 73 40 82	#492852
50.0%	50.0% #3F2045	RGB 63 32 69	#3F2045
66.7%	66.7% #341938	RGB 52 25 56	#341938
83.3%	83.3% #28132B	RGB 40 19 43	#28132B
100.0%	100.0% #1D0D1E	RGB 29 13 30	#1D0D1E

#5E386D #542F5F #492852 #3F2045 #341938 #28132B #1D0D1E

#5E386D - #3F2045 - #1D0D1E

CSS codes

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

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