#5E778F - #12405C | 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 #5E778F to #12405C

#5E778F #12405C

Calculate the color between two colors, #5E778F and #12405C. 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)

#5E778F - #12405C | 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 #5E778F as 0% and #12405C as 100%.

0.0%	0.0% #5E778F	RGB 94 119 143	#5E778F
16.7%	16.7% #516D86	RGB 81 109 134	#516D86
33.3%	33.3% #44647E	RGB 68 100 126	#44647E
50.0%	50.0% #385B75	RGB 56 91 117	#385B75
66.7%	66.7% #2B526D	RGB 43 82 109	#2B526D
83.3%	83.3% #1E4964	RGB 30 73 100	#1E4964
100.0%	100.0% #12405C	RGB 18 64 92	#12405C

#5E778F #516D86 #44647E #385B75 #2B526D #1E4964 #12405C

#5E778F - #12405C

HSV Blend

#5E778F - #12405C | 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 #5E778F as 0% and #12405C as 100%.

0.0%	0.0% #5E778F	RGB 94 119 143	#5E778F
16.7%	16.7% #4E6B86	RGB 78 107 134	#4E6B86
33.3%	33.3% #3F617E	RGB 63 97 126	#3F617E
50.0%	50.0% #325875	RGB 50 88 117	#325875
66.7%	66.7% #264F6D	RGB 38 79 109	#264F6D
83.3%	83.3% #1B4764	RGB 27 71 100	#1B4764
100.0%	100.0% #12405C	RGB 18 64 92	#12405C

#5E778F #4E6B86 #3F617E #325875 #264F6D #1B4764 #12405C

#5E778F - #325875 - #12405C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E778F 0%, #325875 50%, #12405C 100%);
    background: -webkit-linear-gradient(top, #5E778F 0%, #325875 50%, #12405C 100%);
    background: linear-gradient(to bottom, #5E778F 0%, #325875 50%, #12405C 100%);
}
</style>