#5E6384 - #1B2B35 | 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 #5E6384 to #1B2B35

#5E6384 #1B2B35

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

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

0.0%	0.0% #5E6384	RGB 94 99 132	#5E6384
16.7%	16.7% #525976	RGB 82 89 118	#525976
33.3%	33.3% #475069	RGB 71 80 105	#475069
50.0%	50.0% #3C475C	RGB 60 71 92	#3C475C
66.7%	66.7% #313D4F	RGB 49 61 79	#313D4F
83.3%	83.3% #263442	RGB 38 52 66	#263442
100.0%	100.0% #1B2B35	RGB 27 43 53	#1B2B35

#5E6384 #525976 #475069 #3C475C #313D4F #263442 #1B2B35

#5E6384 - #1B2B35

HSV Blend

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

0.0%	0.0% #5E6384	RGB 94 99 132	#5E6384
16.7%	16.7% #505876	RGB 80 88 118	#505876
33.3%	33.3% #444F69	RGB 68 79 105	#444F69
50.0%	50.0% #38455C	RGB 56 69 92	#38455C
66.7%	66.7% #2D3D4F	RGB 45 61 79	#2D3D4F
83.3%	83.3% #233442	RGB 35 52 66	#233442
100.0%	100.0% #1B2B35	RGB 27 43 53	#1B2B35

#5E6384 #505876 #444F69 #38455C #2D3D4F #233442 #1B2B35

#5E6384 - #38455C - #1B2B35

CSS codes

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

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