#5E5386 - #1A1726 | 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 #5E5386 to #1A1726

#5E5386 #1A1726

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

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

0.0%	0.0% #5E5386	RGB 94 83 134	#5E5386
16.7%	16.7% #524976	RGB 82 73 118	#524976
33.3%	33.3% #473F66	RGB 71 63 102	#473F66
50.0%	50.0% #3C3556	RGB 60 53 86	#3C3556
66.7%	66.7% #302B46	RGB 48 43 70	#302B46
83.3%	83.3% #252136	RGB 37 33 54	#252136
100.0%	100.0% #1A1726	RGB 26 23 38	#1A1726

#5E5386 #524976 #473F66 #3C3556 #302B46 #252136 #1A1726

#5E5386 - #1A1726

HSV Blend

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

0.0%	0.0% #5E5386	RGB 94 83 134	#5E5386
16.7%	16.7% #524876	RGB 82 72 118	#524876
33.3%	33.3% #463E66	RGB 70 62 102	#463E66
50.0%	50.0% #3B3456	RGB 59 52 86	#3B3456
66.7%	66.7% #302A46	RGB 48 42 70	#302A46
83.3%	83.3% #252036	RGB 37 32 54	#252036
100.0%	100.0% #1A1726	RGB 26 23 38	#1A1726

#5E5386 #524876 #463E66 #3B3456 #302A46 #252036 #1A1726

#5E5386 - #3B3456 - #1A1726

CSS codes

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

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