#5E63B2 - #1A265B | colorate

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

Blend #5E63B2 to #1A265B

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

RGB混合

#5E63B2 - #1A265B | colorate

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

0.0%	0.0% #5E63B2	RGB 94 99 178	#5E63B2
16.7%	16.7% #5258A3	RGB 82 88 163	#5258A3
33.3%	33.3% #474E95	RGB 71 78 149	#474E95
50.0%	50.0% #3C4486	RGB 60 68 134	#3C4486
66.7%	66.7% #303A78	RGB 48 58 120	#303A78
83.3%	83.3% #253069	RGB 37 48 105	#253069
100.0%	100.0% #1A265B	RGB 26 38 91	#1A265B

#5E63B2 #5258A3 #474E95 #3C4486 #303A78 #253069 #1A265B

#5E63B2 - #1A265B

HSV混合

#5E63B2 - #1A265B | colorate

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

0.0%	0.0% #5E63B2	RGB 94 99 178	#5E63B2
16.7%	16.7% #4F56A3	RGB 79 86 163	#4F56A3
33.3%	33.3% #424A95	RGB 66 74 149	#424A95
50.0%	50.0% #364086	RGB 54 64 134	#364086
66.7%	66.7% #2B3678	RGB 43 54 120	#2B3678
83.3%	83.3% #222E69	RGB 34 46 105	#222E69
100.0%	100.0% #1A265B	RGB 26 38 91	#1A265B

#5E63B2 #4F56A3 #424A95 #364086 #2B3678 #222E69 #1A265B

#5E63B2 - #364086 - #1A265B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E63B2 0%, #364086 50%, #1A265B 100%);
    background: -webkit-linear-gradient(top, #5E63B2 0%, #364086 50%, #1A265B 100%);
    background: linear-gradient(to bottom, #5E63B2 0%, #364086 50%, #1A265B 100%);
}
</style>