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

#5E658C #1C2B3B

Calculate the color between two colors, #5E658C and #1C2B3B. 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 - #1C2B3B | 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 #1C2B3B as 100%.

0.0%	0.0% #5E658C	RGB 94 101 140	#5E658C
16.7%	16.7% #535B7E	RGB 83 91 126	#535B7E
33.3%	33.3% #485171	RGB 72 81 113	#485171
50.0%	50.0% #3D4863	RGB 61 72 99	#3D4863
66.7%	66.7% #323E56	RGB 50 62 86	#323E56
83.3%	83.3% #273448	RGB 39 52 72	#273448
100.0%	100.0% #1C2B3B	RGB 28 43 59	#1C2B3B

#5E658C #535B7E #485171 #3D4863 #323E56 #273448 #1C2B3B

#5E658C - #1C2B3B

HSV Blend

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

0.0%	0.0% #5E658C	RGB 94 101 140	#5E658C
16.7%	16.7% #505A7E	RGB 80 90 126	#505A7E
33.3%	33.3% #445071	RGB 68 80 113	#445071
50.0%	50.0% #394663	RGB 57 70 99	#394663
66.7%	66.7% #2E3D56	RGB 46 61 86	#2E3D56
83.3%	83.3% #243448	RGB 36 52 72	#243448
100.0%	100.0% #1C2B3B	RGB 28 43 59	#1C2B3B

#5E658C #505A7E #445071 #394663 #2E3D56 #243448 #1C2B3B

#5E658C - #394663 - #1C2B3B

CSS codes

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

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