#073C4D - #5D8C92 | 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 #073C4D to #5D8C92

#073C4D #5D8C92

Calculate the color between two colors, #073C4D and #5D8C92. 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)

#073C4D - #5D8C92 | 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 #073C4D as 0% and #5D8C92 as 100%.

0.0%	0.0% #073C4D	RGB 7 60 77	#073C4D
16.7%	16.7% #154958	RGB 21 73 88	#154958
33.3%	33.3% #235664	RGB 35 86 100	#235664
50.0%	50.0% #32646F	RGB 50 100 111	#32646F
66.7%	66.7% #40717B	RGB 64 113 123	#40717B
83.3%	83.3% #4E7E86	RGB 78 126 134	#4E7E86
100.0%	100.0% #5D8C92	RGB 93 140 146	#5D8C92

#073C4D #154958 #235664 #32646F #40717B #4E7E86 #5D8C92

#073C4D - #5D8C92

HSV Blend

#073C4D - #5D8C92 | 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 #073C4D as 0% and #5D8C92 as 100%.

0.0%	0.0% #073B4D	RGB 7 59 77	#073B4D
16.7%	16.7% #104858	RGB 16 72 88	#104858
33.3%	33.3% #1B5564	RGB 27 85 100	#1B5564
50.0%	50.0% #28626F	RGB 40 98 111	#28626F
66.7%	66.7% #37707B	RGB 55 112 123	#37707B
83.3%	83.3% #497E86	RGB 73 126 134	#497E86
100.0%	100.0% #5D8C92	RGB 93 140 146	#5D8C92

#073B4D #104858 #1B5564 #28626F #37707B #497E86 #5D8C92

#073C4D - #28626F - #5D8C92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #073B4D 0%, #28626F 50%, #5D8C92 100%);
    background: -webkit-linear-gradient(top, #073B4D 0%, #28626F 50%, #5D8C92 100%);
    background: linear-gradient(to bottom, #073B4D 0%, #28626F 50%, #5D8C92 100%);
}
</style>