#5E6282 - #1A2B34 | 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 #5E6282 to #1A2B34

#5E6282 #1A2B34

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

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

0.0%	0.0% #5E6282	RGB 94 98 130	#5E6282
16.7%	16.7% #525875	RGB 82 88 117	#525875
33.3%	33.3% #474F68	RGB 71 79 104	#474F68
50.0%	50.0% #3C465B	RGB 60 70 91	#3C465B
66.7%	66.7% #303D4E	RGB 48 61 78	#303D4E
83.3%	83.3% #253441	RGB 37 52 65	#253441
100.0%	100.0% #1A2B34	RGB 26 43 52	#1A2B34

#5E6282 #525875 #474F68 #3C465B #303D4E #253441 #1A2B34

#5E6282 - #1A2B34

HSV Blend

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

0.0%	0.0% #5E6282	RGB 94 98 130	#5E6282
16.7%	16.7% #505775	RGB 80 87 117	#505775
33.3%	33.3% #434E68	RGB 67 78 104	#434E68
50.0%	50.0% #37455B	RGB 55 69 91	#37455B
66.7%	66.7% #2C3C4E	RGB 44 60 78	#2C3C4E
83.3%	83.3% #223341	RGB 34 51 65	#223341
100.0%	100.0% #1A2B34	RGB 26 43 52	#1A2B34

#5E6282 #505775 #434E68 #37455B #2C3C4E #223341 #1A2B34

#5E6282 - #37455B - #1A2B34

CSS codes

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

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