#310040 - #000507 | colorate

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

Blend #310040 to #000507

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

RGB混合

#310040 - #000507 | colorate

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

0.0%	0.0% #310040	RGB 49 0 64	#310040
16.7%	16.7% #280036	RGB 40 0 54	#280036
33.3%	33.3% #20012D	RGB 32 1 45	#20012D
50.0%	50.0% #180223	RGB 24 2 35	#180223
66.7%	66.7% #10031A	RGB 16 3 26	#10031A
83.3%	83.3% #080410	RGB 8 4 16	#080410
100.0%	100.0% #000507	RGB 0 5 7	#000507

#310040 #280036 #20012D #180223 #10031A #080410 #000507

#310040 - #000507

HSV混合

#310040 - #000507 | colorate

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

0.0%	0.0% #300040	RGB 48 0 64	#300040
16.7%	16.7% #1C0036	RGB 28 0 54	#1C0036
33.3%	33.3% #0C002D	RGB 12 0 45	#0C002D
50.0%	50.0% #000023	RGB 0 0 35	#000023
66.7%	66.7% #00051A	RGB 0 5 26	#00051A
83.3%	83.3% #000710	RGB 0 7 16	#000710
100.0%	100.0% #000507	RGB 0 5 7	#000507

#300040 #1C0036 #0C002D #000023 #00051A #000710 #000507

#310040 - #000023 - #000507

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #300040 0%, #000023 50%, #000507 100%);
    background: -webkit-linear-gradient(top, #300040 0%, #000023 50%, #000507 100%);
    background: linear-gradient(to bottom, #300040 0%, #000023 50%, #000507 100%);
}
</style>