#5E2657 - #3F0112 | 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 #5E2657 to #3F0112

#5E2657 #3F0112

Calculate the color between two colors, #5E2657 and #3F0112. 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)

#5E2657 - #3F0112 | 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 #5E2657 as 0% and #3F0112 as 100%.

0.0%	0.0% #5E2657	RGB 94 38 87	#5E2657
16.7%	16.7% #581F4B	RGB 88 31 75	#581F4B
33.3%	33.3% #531940	RGB 83 25 64	#531940
50.0%	50.0% #4E1334	RGB 78 19 52	#4E1334
66.7%	66.7% #490D29	RGB 73 13 41	#490D29
83.3%	83.3% #44071D	RGB 68 7 29	#44071D
100.0%	100.0% #3F0112	RGB 63 1 18	#3F0112

#5E2657 #581F4B #531940 #4E1334 #490D29 #44071D #3F0112

#5E2657 - #3F0112

HSV Blend

#5E2657 - #3F0112 | 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 #5E2657 as 0% and #3F0112 as 100%.

0.0%	0.0% #5E2656	RGB 94 38 86	#5E2656
16.7%	16.7% #581E4B	RGB 88 30 75	#581E4B
33.3%	33.3% #53163F	RGB 83 22 63	#53163F
50.0%	50.0% #4E1034	RGB 78 16 52	#4E1034
66.7%	66.7% #490A28	RGB 73 10 40	#490A28
83.3%	83.3% #44051C	RGB 68 5 28	#44051C
100.0%	100.0% #3F0112	RGB 63 1 18	#3F0112

#5E2656 #581E4B #53163F #4E1034 #490A28 #44051C #3F0112

#5E2657 - #4E1034 - #3F0112

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2656 0%, #4E1034 50%, #3F0112 100%);
    background: -webkit-linear-gradient(top, #5E2656 0%, #4E1034 50%, #3F0112 100%);
    background: linear-gradient(to bottom, #5E2656 0%, #4E1034 50%, #3F0112 100%);
}
</style>