#5E679D - #1C2B49 | 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 #5E679D to #1C2B49

#5E679D #1C2B49

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

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

0.0%	0.0% #5E679D	RGB 94 103 157	#5E679D
16.7%	16.7% #535D8F	RGB 83 93 143	#535D8F
33.3%	33.3% #485381	RGB 72 83 129	#485381
50.0%	50.0% #3D4973	RGB 61 73 115	#3D4973
66.7%	66.7% #323F65	RGB 50 63 101	#323F65
83.3%	83.3% #273557	RGB 39 53 87	#273557
100.0%	100.0% #1C2B49	RGB 28 43 73	#1C2B49

#5E679D #535D8F #485381 #3D4973 #323F65 #273557 #1C2B49

#5E679D - #1C2B49

HSV Blend

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

0.0%	0.0% #5E679D	RGB 94 103 157	#5E679D
16.7%	16.7% #505B8F	RGB 80 91 143	#505B8F
33.3%	33.3% #435081	RGB 67 80 129	#435081
50.0%	50.0% #384673	RGB 56 70 115	#384673
66.7%	66.7% #2D3C65	RGB 45 60 101	#2D3C65
83.3%	83.3% #243357	RGB 36 51 87	#243357
100.0%	100.0% #1C2B49	RGB 28 43 73	#1C2B49

#5E679D #505B8F #435081 #384673 #2D3C65 #243357 #1C2B49

#5E679D - #384673 - #1C2B49

CSS codes

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

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