#939EB6 - #3E516E | colorate

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

Blend #939EB6 to #3E516E

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

RGB混合

#939EB6 - #3E516E | colorate

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

0.0%	0.0% #939EB6	RGB 147 158 182	#939EB6
16.7%	16.7% #8491AA	RGB 132 145 170	#8491AA
33.3%	33.3% #76849E	RGB 118 132 158	#76849E
50.0%	50.0% #687792	RGB 104 119 146	#687792
66.7%	66.7% #5A6A86	RGB 90 106 134	#5A6A86
83.3%	83.3% #4C5D7A	RGB 76 93 122	#4C5D7A
100.0%	100.0% #3E516E	RGB 62 81 110	#3E516E

#939EB6 #8491AA #76849E #687792 #5A6A86 #4C5D7A #3E516E

#939EB6 - #3E516E

HSV混合

#939EB6 - #3E516E | colorate

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

0.0%	0.0% #939EB6	RGB 147 158 182	#939EB6
16.7%	16.7% #828FAA	RGB 130 143 170	#828FAA
33.3%	33.3% #72819E	RGB 114 129 158	#72819E
50.0%	50.0% #647492	RGB 100 116 146	#647492
66.7%	66.7% #566786	RGB 86 103 134	#566786
83.3%	83.3% #495C7A	RGB 73 92 122	#495C7A
100.0%	100.0% #3E516E	RGB 62 81 110	#3E516E

#939EB6 #828FAA #72819E #647492 #566786 #495C7A #3E516E

#939EB6 - #647492 - #3E516E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939EB6 0%, #647492 50%, #3E516E 100%);
    background: -webkit-linear-gradient(top, #939EB6 0%, #647492 50%, #3E516E 100%);
    background: linear-gradient(to bottom, #939EB6 0%, #647492 50%, #3E516E 100%);
}
</style>