#5E679E - #1C2B4A | 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 #5E679E to #1C2B4A

#5E679E #1C2B4A

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

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

0.0%	0.0% #5E679E	RGB 94 103 158	#5E679E
16.7%	16.7% #535D90	RGB 83 93 144	#535D90
33.3%	33.3% #485382	RGB 72 83 130	#485382
50.0%	50.0% #3D4974	RGB 61 73 116	#3D4974
66.7%	66.7% #323F66	RGB 50 63 102	#323F66
83.3%	83.3% #273558	RGB 39 53 88	#273558
100.0%	100.0% #1C2B4A	RGB 28 43 74	#1C2B4A

#5E679E #535D90 #485382 #3D4974 #323F66 #273558 #1C2B4A

#5E679E - #1C2B4A

HSV Blend

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

0.0%	0.0% #5E679E	RGB 94 103 158	#5E679E
16.7%	16.7% #505B90	RGB 80 91 144	#505B90
33.3%	33.3% #435082	RGB 67 80 130	#435082
50.0%	50.0% #384674	RGB 56 70 116	#384674
66.7%	66.7% #2D3C66	RGB 45 60 102	#2D3C66
83.3%	83.3% #243358	RGB 36 51 88	#243358
100.0%	100.0% #1C2B4A	RGB 28 43 74	#1C2B4A

#5E679E #505B90 #435082 #384674 #2D3C66 #243358 #1C2B4A

#5E679E - #384674 - #1C2B4A

CSS codes

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

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