#5E7C8C - #162C5F | 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 #5E7C8C to #162C5F

#5E7C8C #162C5F

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

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

0.0%	0.0% #5E7C8C	RGB 94 124 140	#5E7C8C
16.7%	16.7% #526E84	RGB 82 110 132	#526E84
33.3%	33.3% #46617D	RGB 70 97 125	#46617D
50.0%	50.0% #3A5475	RGB 58 84 117	#3A5475
66.7%	66.7% #2E466E	RGB 46 70 110	#2E466E
83.3%	83.3% #223966	RGB 34 57 102	#223966
100.0%	100.0% #162C5F	RGB 22 44 95	#162C5F

#5E7C8C #526E84 #46617D #3A5475 #2E466E #223966 #162C5F

#5E7C8C - #162C5F

HSV Blend

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

0.0%	0.0% #5E7C8C	RGB 94 124 140	#5E7C8C
16.7%	16.7% #4F6E84	RGB 79 110 132	#4F6E84
33.3%	33.3% #41617D	RGB 65 97 125	#41617D
50.0%	50.0% #355375	RGB 53 83 117	#355375
66.7%	66.7% #29466E	RGB 41 70 110	#29466E
83.3%	83.3% #1F3866	RGB 31 56 102	#1F3866
100.0%	100.0% #162C5F	RGB 22 44 95	#162C5F

#5E7C8C #4F6E84 #41617D #355375 #29466E #1F3866 #162C5F

#5E7C8C - #355375 - #162C5F

CSS codes

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

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