#5C5E7E - #1E1946 | 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 #5C5E7E to #1E1946

#5C5E7E #1E1946

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

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

0.0%	0.0% #5C5E7E	RGB 92 94 126	#5C5E7E
16.7%	16.7% #515274	RGB 81 82 116	#515274
33.3%	33.3% #47476B	RGB 71 71 107	#47476B
50.0%	50.0% #3D3B62	RGB 61 59 98	#3D3B62
66.7%	66.7% #323058	RGB 50 48 88	#323058
83.3%	83.3% #28244F	RGB 40 36 79	#28244F
100.0%	100.0% #1E1946	RGB 30 25 70	#1E1946

#5C5E7E #515274 #47476B #3D3B62 #323058 #28244F #1E1946

#5C5E7E - #1E1946

HSV Blend

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

0.0%	0.0% #5C5E7E	RGB 92 94 126	#5C5E7E
16.7%	16.7% #4D4F74	RGB 77 79 116	#4D4F74
33.3%	33.3% #41416B	RGB 65 65 107	#41416B
50.0%	50.0% #363562	RGB 54 53 98	#363562
66.7%	66.7% #2D2A58	RGB 45 42 88	#2D2A58
83.3%	83.3% #25214F	RGB 37 33 79	#25214F
100.0%	100.0% #1E1946	RGB 30 25 70	#1E1946

#5C5E7E #4D4F74 #41416B #363562 #2D2A58 #25214F #1E1946

#5C5E7E - #363562 - #1E1946

CSS codes

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

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