#5E5E87 - #182936 | colorate

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

Blend #5E5E87 to #182936

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

RGB混合

#5E5E87 - #182936 | colorate

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

0.0%	0.0% #5E5E87	RGB 94 94 135	#5E5E87
16.7%	16.7% #525579	RGB 82 85 121	#525579
33.3%	33.3% #464C6C	RGB 70 76 108	#464C6C
50.0%	50.0% #3B435E	RGB 59 67 94	#3B435E
66.7%	66.7% #2F3A51	RGB 47 58 81	#2F3A51
83.3%	83.3% #233143	RGB 35 49 67	#233143
100.0%	100.0% #182936	RGB 24 41 54	#182936

#5E5E87 #525579 #464C6C #3B435E #2F3A51 #233143 #182936

#5E5E87 - #182936

HSV混合

#5E5E87 - #182936 | colorate

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

0.0%	0.0% #5E5E87	RGB 94 94 135	#5E5E87
16.7%	16.7% #4F5379	RGB 79 83 121	#4F5379
33.3%	33.3% #424A6C	RGB 66 74 108	#424A6C
50.0%	50.0% #35415E	RGB 53 65 94	#35415E
66.7%	66.7% #2A3951	RGB 42 57 81	#2A3951
83.3%	83.3% #203143	RGB 32 49 67	#203143
100.0%	100.0% #182936	RGB 24 41 54	#182936

#5E5E87 #4F5379 #424A6C #35415E #2A3951 #203143 #182936

#5E5E87 - #35415E - #182936

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E87 0%, #35415E 50%, #182936 100%);
    background: -webkit-linear-gradient(top, #5E5E87 0%, #35415E 50%, #182936 100%);
    background: linear-gradient(to bottom, #5E5E87 0%, #35415E 50%, #182936 100%);
}
</style>