#7E7EC1 - #BABCCD | colorate

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

Blend #7E7EC1 to #BABCCD

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

RGB混合

#7E7EC1 - #BABCCD | colorate

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

0.0%	0.0% #7E7EC1	RGB 126 126 193	#7E7EC1
16.7%	16.7% #8888C3	RGB 136 136 195	#8888C3
33.3%	33.3% #9292C5	RGB 146 146 197	#9292C5
50.0%	50.0% #9C9DC7	RGB 156 157 199	#9C9DC7
66.7%	66.7% #A6A7C9	RGB 166 167 201	#A6A7C9
83.3%	83.3% #B0B1CB	RGB 176 177 203	#B0B1CB
100.0%	100.0% #BABCCD	RGB 186 188 205	#BABCCD

#7E7EC1 #8888C3 #9292C5 #9C9DC7 #A6A7C9 #B0B1CB #BABCCD

#7E7EC1 - #BABCCD

HSV混合

#7E7EC1 - #BABCCD | colorate

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

0.0%	0.0% #7E7EC1	RGB 126 126 193	#7E7EC1
16.7%	16.7% #8788C3	RGB 135 136 195	#8788C3
33.3%	33.3% #9193C5	RGB 145 147 197	#9193C5
50.0%	50.0% #9B9DC7	RGB 155 157 199	#9B9DC7
66.7%	66.7% #A5A7C9	RGB 165 167 201	#A5A7C9
83.3%	83.3% #AFB1CB	RGB 175 177 203	#AFB1CB
100.0%	100.0% #BABCCD	RGB 186 188 205	#BABCCD

#7E7EC1 #8788C3 #9193C5 #9B9DC7 #A5A7C9 #AFB1CB #BABCCD

#7E7EC1 - #9B9DC7 - #BABCCD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7EC1 0%, #9B9DC7 50%, #BABCCD 100%);
    background: -webkit-linear-gradient(top, #7E7EC1 0%, #9B9DC7 50%, #BABCCD 100%);
    background: linear-gradient(to bottom, #7E7EC1 0%, #9B9DC7 50%, #BABCCD 100%);
}
</style>