#5E658C - #1A1C28 | 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 #5E658C to #1A1C28

#5E658C #1A1C28

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

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

0.0%	0.0% #5E658C	RGB 94 101 140	#5E658C
16.7%	16.7% #52587B	RGB 82 88 123	#52587B
33.3%	33.3% #474C6A	RGB 71 76 106	#474C6A
50.0%	50.0% #3C405A	RGB 60 64 90	#3C405A
66.7%	66.7% #303449	RGB 48 52 73	#303449
83.3%	83.3% #252838	RGB 37 40 56	#252838
100.0%	100.0% #1A1C28	RGB 26 28 40	#1A1C28

#5E658C #52587B #474C6A #3C405A #303449 #252838 #1A1C28

#5E658C - #1A1C28

HSV Blend

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

0.0%	0.0% #5E658C	RGB 94 101 140	#5E658C
16.7%	16.7% #52587B	RGB 82 88 123	#52587B
33.3%	33.3% #464C6A	RGB 70 76 106	#464C6A
50.0%	50.0% #3B3F5A	RGB 59 63 90	#3B3F5A
66.7%	66.7% #303349	RGB 48 51 73	#303349
83.3%	83.3% #252738	RGB 37 39 56	#252738
100.0%	100.0% #1A1C28	RGB 26 28 40	#1A1C28

#5E658C #52587B #464C6A #3B3F5A #303349 #252738 #1A1C28

#5E658C - #3B3F5A - #1A1C28

CSS codes

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

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