#5E8C8F - #0F3868 | 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 #5E8C8F to #0F3868

#5E8C8F #0F3868

Calculate the color between two colors, #5E8C8F and #0F3868. 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)

#5E8C8F - #0F3868 | 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 #5E8C8F as 0% and #0F3868 as 100%.

0.0%	0.0% #5E8C8F	RGB 94 140 143	#5E8C8F
16.7%	16.7% #507E88	RGB 80 126 136	#507E88
33.3%	33.3% #437082	RGB 67 112 130	#437082
50.0%	50.0% #36627B	RGB 54 98 123	#36627B
66.7%	66.7% #295475	RGB 41 84 117	#295475
83.3%	83.3% #1C466E	RGB 28 70 110	#1C466E
100.0%	100.0% #0F3868	RGB 15 56 104	#0F3868

#5E8C8F #507E88 #437082 #36627B #295475 #1C466E #0F3868

#5E8C8F - #0F3868

HSV Blend

#5E8C8F - #0F3868 | 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 #5E8C8F as 0% and #0F3868 as 100%.

0.0%	0.0% #5E8C8F	RGB 94 140 143	#5E8C8F
16.7%	16.7% #4E8088	RGB 78 128 136	#4E8088
33.3%	33.3% #3F7382	RGB 63 115 130	#3F7382
50.0%	50.0% #31657B	RGB 49 101 123	#31657B
66.7%	66.7% #245675	RGB 36 86 117	#245675
83.3%	83.3% #19476E	RGB 25 71 110	#19476E
100.0%	100.0% #0F3868	RGB 15 56 104	#0F3868

#5E8C8F #4E8088 #3F7382 #31657B #245675 #19476E #0F3868

#5E8C8F - #31657B - #0F3868

CSS codes

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

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