#5E72A2 - #18354B | 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 #5E72A2 to #18354B

#5E72A2 #18354B

Calculate the color between two colors, #5E72A2 and #18354B. 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)

#5E72A2 - #18354B | 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 #5E72A2 as 0% and #18354B as 100%.

0.0%	0.0% #5E72A2	RGB 94 114 162	#5E72A2
16.7%	16.7% #526793	RGB 82 103 147	#526793
33.3%	33.3% #465D85	RGB 70 93 133	#465D85
50.0%	50.0% #3B5376	RGB 59 83 118	#3B5376
66.7%	66.7% #2F4968	RGB 47 73 104	#2F4968
83.3%	83.3% #233F59	RGB 35 63 89	#233F59
100.0%	100.0% #18354B	RGB 24 53 75	#18354B

#5E72A2 #526793 #465D85 #3B5376 #2F4968 #233F59 #18354B

#5E72A2 - #18354B

HSV Blend

#5E72A2 - #18354B | 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 #5E72A2 as 0% and #18354B as 100%.

0.0%	0.0% #5E72A2	RGB 94 114 162	#5E72A2
16.7%	16.7% #4F6693	RGB 79 102 147	#4F6693
33.3%	33.3% #415B85	RGB 65 91 133	#415B85
50.0%	50.0% #355176	RGB 53 81 118	#355176
66.7%	66.7% #2A4768	RGB 42 71 104	#2A4768
83.3%	83.3% #203E59	RGB 32 62 89	#203E59
100.0%	100.0% #18354B	RGB 24 53 75	#18354B

#5E72A2 #4F6693 #415B85 #355176 #2A4768 #203E59 #18354B

#5E72A2 - #355176 - #18354B

CSS codes

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

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