#5E86A2 - #18444B | 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 #5E86A2 to #18444B

#5E86A2 #18444B

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

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

0.0%	0.0% #5E86A2	RGB 94 134 162	#5E86A2
16.7%	16.7% #527B93	RGB 82 123 147	#527B93
33.3%	33.3% #467085	RGB 70 112 133	#467085
50.0%	50.0% #3B6576	RGB 59 101 118	#3B6576
66.7%	66.7% #2F5A68	RGB 47 90 104	#2F5A68
83.3%	83.3% #234F59	RGB 35 79 89	#234F59
100.0%	100.0% #18444B	RGB 24 68 75	#18444B

#5E86A2 #527B93 #467085 #3B6576 #2F5A68 #234F59 #18444B

#5E86A2 - #18444B

HSV Blend

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

0.0%	0.0% #5E86A2	RGB 94 134 162	#5E86A2
16.7%	16.7% #4F7A93	RGB 79 122 147	#4F7A93
33.3%	33.3% #416F85	RGB 65 111 133	#416F85
50.0%	50.0% #356476	RGB 53 100 118	#356476
66.7%	66.7% #2A5968	RGB 42 89 104	#2A5968
83.3%	83.3% #204F59	RGB 32 79 89	#204F59
100.0%	100.0% #18444B	RGB 24 68 75	#18444B

#5E86A2 #4F7A93 #416F85 #356476 #2A5968 #204F59 #18444B

#5E86A2 - #356476 - #18444B

CSS codes

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

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