#073E5E - #5B90A2 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #073E5E to #5B90A2

计算两种颜色#073E5E和#5B90A2之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#073E5E - #5B90A2 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#073E5E的两种颜色之间的颜色扩展为0％，将#5B90A2扩展为100％。

0.0%	0.0% #073E5E	RGB 7 62 94	#073E5E
16.7%	16.7% #154B69	RGB 21 75 105	#154B69
33.3%	33.3% #235974	RGB 35 89 116	#235974
50.0%	50.0% #316780	RGB 49 103 128	#316780
66.7%	66.7% #3F748B	RGB 63 116 139	#3F748B
83.3%	83.3% #4D8296	RGB 77 130 150	#4D8296
100.0%	100.0% #5B90A2	RGB 91 144 162	#5B90A2

#073E5E #154B69 #235974 #316780 #3F748B #4D8296 #5B90A2

#073E5E - #5B90A2

HSV混合

#073E5E - #5B90A2 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#073E5E的两种颜色之间的颜色扩展为0％，将#5B90A2扩展为100％。

0.0%	0.0% #063E5E	RGB 6 62 94	#063E5E
16.7%	16.7% #104A69	RGB 16 74 105	#104A69
33.3%	33.3% #1B5774	RGB 27 87 116	#1B5774
50.0%	50.0% #286480	RGB 40 100 128	#286480
66.7%	66.7% #37728B	RGB 55 114 139	#37728B
83.3%	83.3% #488196	RGB 72 129 150	#488196
100.0%	100.0% #5B90A2	RGB 91 144 162	#5B90A2

#063E5E #104A69 #1B5774 #286480 #37728B #488196 #5B90A2

#073E5E - #286480 - #5B90A2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #063E5E 0%, #286480 50%, #5B90A2 100%);
    background: -webkit-linear-gradient(top, #063E5E 0%, #286480 50%, #5B90A2 100%);
    background: linear-gradient(to bottom, #063E5E 0%, #286480 50%, #5B90A2 100%);
}
</style>