#9CB2FF - #3C51D9 | colorate

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

Blend #9CB2FF to #3C51D9

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

RGB混合

#9CB2FF - #3C51D9 | colorate

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

0.0%	0.0% #9CB2FF	RGB 156 178 255	#9CB2FF
16.7%	16.7% #8CA1F8	RGB 140 161 248	#8CA1F8
33.3%	33.3% #7C91F2	RGB 124 145 242	#7C91F2
50.0%	50.0% #6C81EC	RGB 108 129 236	#6C81EC
66.7%	66.7% #5C71E5	RGB 92 113 229	#5C71E5
83.3%	83.3% #4C61DF	RGB 76 97 223	#4C61DF
100.0%	100.0% #3C51D9	RGB 60 81 217	#3C51D9

#9CB2FF #8CA1F8 #7C91F2 #6C81EC #5C71E5 #4C61DF #3C51D9

#9CB2FF - #3C51D9

HSV混合

#9CB2FF - #3C51D9 | colorate

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

0.0%	0.0% #9CB2FF	RGB 156 178 255	#9CB2FF
16.7%	16.7% #8AA1F8	RGB 138 161 248	#8AA1F8
33.3%	33.3% #7990F2	RGB 121 144 242	#7990F2
50.0%	50.0% #6880EC	RGB 104 128 236	#6880EC
66.7%	66.7% #5970E5	RGB 89 112 229	#5970E5
83.3%	83.3% #4A60DF	RGB 74 96 223	#4A60DF
100.0%	100.0% #3C51D9	RGB 60 81 217	#3C51D9

#9CB2FF #8AA1F8 #7990F2 #6880EC #5970E5 #4A60DF #3C51D9

#9CB2FF - #6880EC - #3C51D9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CB2FF 0%, #6880EC 50%, #3C51D9 100%);
    background: -webkit-linear-gradient(top, #9CB2FF 0%, #6880EC 50%, #3C51D9 100%);
    background: linear-gradient(to bottom, #9CB2FF 0%, #6880EC 50%, #3C51D9 100%);
}
</style>