#5E6384 - #1F1C4A | 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 #5E6384 to #1F1C4A

#5E6384 #1F1C4A

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

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

0.0%	0.0% #5E6384	RGB 94 99 132	#5E6384
16.7%	16.7% #53577A	RGB 83 87 122	#53577A
33.3%	33.3% #494B70	RGB 73 75 112	#494B70
50.0%	50.0% #3E3F67	RGB 62 63 103	#3E3F67
66.7%	66.7% #34335D	RGB 52 51 93	#34335D
83.3%	83.3% #292753	RGB 41 39 83	#292753
100.0%	100.0% #1F1C4A	RGB 31 28 74	#1F1C4A

#5E6384 #53577A #494B70 #3E3F67 #34335D #292753 #1F1C4A

#5E6384 - #1F1C4A

HSV Blend

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

0.0%	0.0% #5E6384	RGB 94 99 132	#5E6384
16.7%	16.7% #50547A	RGB 80 84 122	#50547A
33.3%	33.3% #434670	RGB 67 70 112	#434670
50.0%	50.0% #383967	RGB 56 57 103	#383967
66.7%	66.7% #2D2D5D	RGB 45 45 93	#2D2D5D
83.3%	83.3% #252453	RGB 37 36 83	#252453
100.0%	100.0% #1F1C4A	RGB 31 28 74	#1F1C4A

#5E6384 #50547A #434670 #383967 #2D2D5D #252453 #1F1C4A

#5E6384 - #383967 - #1F1C4A

CSS codes

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

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