#5E648C - #1B2B3B | 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 #5E648C to #1B2B3B

#5E648C #1B2B3B

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

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

0.0%	0.0% #5E648C	RGB 94 100 140	#5E648C
16.7%	16.7% #525A7E	RGB 82 90 126	#525A7E
33.3%	33.3% #475171	RGB 71 81 113	#475171
50.0%	50.0% #3C4763	RGB 60 71 99	#3C4763
66.7%	66.7% #313E56	RGB 49 62 86	#313E56
83.3%	83.3% #263448	RGB 38 52 72	#263448
100.0%	100.0% #1B2B3B	RGB 27 43 59	#1B2B3B

#5E648C #525A7E #475171 #3C4763 #313E56 #263448 #1B2B3B

#5E648C - #1B2B3B

HSV Blend

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

0.0%	0.0% #5E648C	RGB 94 100 140	#5E648C
16.7%	16.7% #50597E	RGB 80 89 126	#50597E
33.3%	33.3% #434F71	RGB 67 79 113	#434F71
50.0%	50.0% #384563	RGB 56 69 99	#384563
66.7%	66.7% #2D3C56	RGB 45 60 86	#2D3C56
83.3%	83.3% #233348	RGB 35 51 72	#233348
100.0%	100.0% #1B2B3B	RGB 27 43 59	#1B2B3B

#5E648C #50597E #434F71 #384563 #2D3C56 #233348 #1B2B3B

#5E648C - #384563 - #1B2B3B

CSS codes

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

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