#272B5E - #626B90 | colorate

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

Blend #272B5E to #626B90

计算两种颜色#272B5E和#626B90之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#272B5E - #626B90 | colorate

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

0.0%	0.0% #272B5E	RGB 39 43 94	#272B5E
16.7%	16.7% #303566	RGB 48 53 102	#303566
33.3%	33.3% #3A406E	RGB 58 64 110	#3A406E
50.0%	50.0% #444B77	RGB 68 75 119	#444B77
66.7%	66.7% #4E557F	RGB 78 85 127	#4E557F
83.3%	83.3% #586087	RGB 88 96 135	#586087
100.0%	100.0% #626B90	RGB 98 107 144	#626B90

#272B5E #303566 #3A406E #444B77 #4E557F #586087 #626B90

#272B5E - #626B90

HSV混合

#272B5E - #626B90 | colorate

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

0.0%	0.0% #272B5E	RGB 39 43 94	#272B5E
16.7%	16.7% #2E3466	RGB 46 52 102	#2E3466
33.3%	33.3% #373D6E	RGB 55 61 110	#373D6E
50.0%	50.0% #414877	RGB 65 72 119	#414877
66.7%	66.7% #4B537F	RGB 75 83 127	#4B537F
83.3%	83.3% #565E87	RGB 86 94 135	#565E87
100.0%	100.0% #626B90	RGB 98 107 144	#626B90

#272B5E #2E3466 #373D6E #414877 #4B537F #565E87 #626B90

#272B5E - #414877 - #626B90

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #272B5E 0%, #414877 50%, #626B90 100%);
    background: -webkit-linear-gradient(top, #272B5E 0%, #414877 50%, #626B90 100%);
    background: linear-gradient(to bottom, #272B5E 0%, #414877 50%, #626B90 100%);
}
</style>