#5E638A - #1B2B39 | 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 #5E638A to #1B2B39

#5E638A #1B2B39

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

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

0.0%	0.0% #5E638A	RGB 94 99 138	#5E638A
16.7%	16.7% #52597C	RGB 82 89 124	#52597C
33.3%	33.3% #47506F	RGB 71 80 111	#47506F
50.0%	50.0% #3C4761	RGB 60 71 97	#3C4761
66.7%	66.7% #313D54	RGB 49 61 84	#313D54
83.3%	83.3% #263446	RGB 38 52 70	#263446
100.0%	100.0% #1B2B39	RGB 27 43 57	#1B2B39

#5E638A #52597C #47506F #3C4761 #313D54 #263446 #1B2B39

#5E638A - #1B2B39

HSV Blend

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

0.0%	0.0% #5E638A	RGB 94 99 138	#5E638A
16.7%	16.7% #50587C	RGB 80 88 124	#50587C
33.3%	33.3% #434E6F	RGB 67 78 111	#434E6F
50.0%	50.0% #384561	RGB 56 69 97	#384561
66.7%	66.7% #2D3C54	RGB 45 60 84	#2D3C54
83.3%	83.3% #233346	RGB 35 51 70	#233346
100.0%	100.0% #1B2B39	RGB 27 43 57	#1B2B39

#5E638A #50587C #434E6F #384561 #2D3C54 #233346 #1B2B39

#5E638A - #384561 - #1B2B39

CSS codes

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

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