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

#5E5385 #1A1726

Calculate the color between two colors, #5E5385 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)

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

0.0%	0.0% #5E5385	RGB 94 83 133	#5E5385
16.7%	16.7% #524975	RGB 82 73 117	#524975
33.3%	33.3% #473F65	RGB 71 63 101	#473F65
50.0%	50.0% #3C3555	RGB 60 53 85	#3C3555
66.7%	66.7% #302B45	RGB 48 43 69	#302B45
83.3%	83.3% #252135	RGB 37 33 53	#252135
100.0%	100.0% #1A1726	RGB 26 23 38	#1A1726

#5E5385 #524975 #473F65 #3C3555 #302B45 #252135 #1A1726

#5E5385 - #1A1726

HSV Blend

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

0.0%	0.0% #5D5385	RGB 93 83 133	#5D5385
16.7%	16.7% #524875	RGB 82 72 117	#524875
33.3%	33.3% #463E65	RGB 70 62 101	#463E65
50.0%	50.0% #3B3455	RGB 59 52 85	#3B3455
66.7%	66.7% #302A45	RGB 48 42 69	#302A45
83.3%	83.3% #252035	RGB 37 32 53	#252035
100.0%	100.0% #1A1726	RGB 26 23 38	#1A1726

#5D5385 #524875 #463E65 #3B3455 #302A45 #252035 #1A1726

#5E5385 - #3B3455 - #1A1726

CSS codes

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

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