#5E679C - #1C2B48 | 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 #5E679C to #1C2B48

#5E679C #1C2B48

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

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

0.0%	0.0% #5E679C	RGB 94 103 156	#5E679C
16.7%	16.7% #535D8E	RGB 83 93 142	#535D8E
33.3%	33.3% #485380	RGB 72 83 128	#485380
50.0%	50.0% #3D4972	RGB 61 73 114	#3D4972
66.7%	66.7% #323F64	RGB 50 63 100	#323F64
83.3%	83.3% #273556	RGB 39 53 86	#273556
100.0%	100.0% #1C2B48	RGB 28 43 72	#1C2B48

#5E679C #535D8E #485380 #3D4972 #323F64 #273556 #1C2B48

#5E679C - #1C2B48

HSV Blend

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

0.0%	0.0% #5E679C	RGB 94 103 156	#5E679C
16.7%	16.7% #505B8E	RGB 80 91 142	#505B8E
33.3%	33.3% #445080	RGB 68 80 128	#445080
50.0%	50.0% #384672	RGB 56 70 114	#384672
66.7%	66.7% #2E3C64	RGB 46 60 100	#2E3C64
83.3%	83.3% #243356	RGB 36 51 86	#243356
100.0%	100.0% #1C2B48	RGB 28 43 72	#1C2B48

#5E679C #505B8E #445080 #384672 #2E3C64 #243356 #1C2B48

#5E679C - #384672 - #1C2B48

CSS codes

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

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