#5E6293 - #1A2A40 | 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 #5E6293 to #1A2A40

#5E6293 #1A2A40

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

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

0.0%	0.0% #5E6293	RGB 94 98 147	#5E6293
16.7%	16.7% #525885	RGB 82 88 133	#525885
33.3%	33.3% #474F77	RGB 71 79 119	#474F77
50.0%	50.0% #3C4669	RGB 60 70 105	#3C4669
66.7%	66.7% #303C5B	RGB 48 60 91	#303C5B
83.3%	83.3% #25334D	RGB 37 51 77	#25334D
100.0%	100.0% #1A2A40	RGB 26 42 64	#1A2A40

#5E6293 #525885 #474F77 #3C4669 #303C5B #25334D #1A2A40

#5E6293 - #1A2A40

HSV Blend

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

0.0%	0.0% #5E6293	RGB 94 98 147	#5E6293
16.7%	16.7% #4F5785	RGB 79 87 133	#4F5785
33.3%	33.3% #434D77	RGB 67 77 119	#434D77
50.0%	50.0% #374369	RGB 55 67 105	#374369
66.7%	66.7% #2C3A5B	RGB 44 58 91	#2C3A5B
83.3%	83.3% #22324D	RGB 34 50 77	#22324D
100.0%	100.0% #1A2A40	RGB 26 42 64	#1A2A40

#5E6293 #4F5785 #434D77 #374369 #2C3A5B #22324D #1A2A40

#5E6293 - #374369 - #1A2A40

CSS codes

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

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