#4D678F - #073A5E | 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 #4D678F to #073A5E

#4D678F #073A5E

Calculate the color between two colors, #4D678F and #073A5E. 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)

#4D678F - #073A5E | 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 #4D678F as 0% and #073A5E as 100%.

0.0%	0.0% #4D678F	RGB 77 103 143	#4D678F
16.7%	16.7% #415F86	RGB 65 95 134	#415F86
33.3%	33.3% #35587E	RGB 53 88 126	#35587E
50.0%	50.0% #2A5076	RGB 42 80 118	#2A5076
66.7%	66.7% #1E496E	RGB 30 73 110	#1E496E
83.3%	83.3% #124166	RGB 18 65 102	#124166
100.0%	100.0% #073A5E	RGB 7 58 94	#073A5E

#4D678F #415F86 #35587E #2A5076 #1E496E #124166 #073A5E

#4D678F - #073A5E

HSV Blend

#4D678F - #073A5E | 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 #4D678F as 0% and #073A5E as 100%.

0.0%	0.0% #4D678F	RGB 77 103 143	#4D678F
16.7%	16.7% #3E5D86	RGB 62 93 134	#3E5D86
33.3%	33.3% #30547E	RGB 48 84 126	#30547E
50.0%	50.0% #244C76	RGB 36 76 118	#244C76
66.7%	66.7% #19456E	RGB 25 69 110	#19456E
83.3%	83.3% #0F3F66	RGB 15 63 102	#0F3F66
100.0%	100.0% #073A5E	RGB 7 58 94	#073A5E

#4D678F #3E5D86 #30547E #244C76 #19456E #0F3F66 #073A5E

#4D678F - #244C76 - #073A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D678F 0%, #244C76 50%, #073A5E 100%);
    background: -webkit-linear-gradient(top, #4D678F 0%, #244C76 50%, #073A5E 100%);
    background: linear-gradient(to bottom, #4D678F 0%, #244C76 50%, #073A5E 100%);
}
</style>