#5E7D9C - #162F66 | 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 #5E7D9C to #162F66

#5E7D9C #162F66

Calculate the color between two colors, #5E7D9C and #162F66. 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)

#5E7D9C - #162F66 | 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 #5E7D9C as 0% and #162F66 as 100%.

0.0%	0.0% #5E7D9C	RGB 94 125 156	#5E7D9C
16.7%	16.7% #527093	RGB 82 112 147	#527093
33.3%	33.3% #46638A	RGB 70 99 138	#46638A
50.0%	50.0% #3A5681	RGB 58 86 129	#3A5681
66.7%	66.7% #2E4978	RGB 46 73 120	#2E4978
83.3%	83.3% #223C6F	RGB 34 60 111	#223C6F
100.0%	100.0% #162F66	RGB 22 47 102	#162F66

#5E7D9C #527093 #46638A #3A5681 #2E4978 #223C6F #162F66

#5E7D9C - #162F66

HSV Blend

#5E7D9C - #162F66 | 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 #5E7D9C as 0% and #162F66 as 100%.

0.0%	0.0% #5E7D9C	RGB 94 125 156	#5E7D9C
16.7%	16.7% #4F6E93	RGB 79 110 147	#4F6E93
33.3%	33.3% #41618A	RGB 65 97 138	#41618A
50.0%	50.0% #345381	RGB 52 83 129	#345381
66.7%	66.7% #294678	RGB 41 70 120	#294678
83.3%	83.3% #1F3A6F	RGB 31 58 111	#1F3A6F
100.0%	100.0% #162F66	RGB 22 47 102	#162F66

#5E7D9C #4F6E93 #41618A #345381 #294678 #1F3A6F #162F66

#5E7D9C - #345381 - #162F66

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7D9C 0%, #345381 50%, #162F66 100%);
    background: -webkit-linear-gradient(top, #5E7D9C 0%, #345381 50%, #162F66 100%);
    background: linear-gradient(to bottom, #5E7D9C 0%, #345381 50%, #162F66 100%);
}
</style>