#5E6182 - #B1A29E | colorate

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

Blend #5E6182 to #B1A29E

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

RGB混合

#5E6182 - #B1A29E | colorate

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

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #6B6B86	RGB 107 107 134	#6B6B86
33.3%	33.3% #79768B	RGB 121 118 139	#79768B
50.0%	50.0% #878190	RGB 135 129 144	#878190
66.7%	66.7% #958C94	RGB 149 140 148	#958C94
83.3%	83.3% #A39799	RGB 163 151 153	#A39799
100.0%	100.0% #B1A29E	RGB 177 162 158	#B1A29E

#5E6182 #6B6B86 #79768B #878190 #958C94 #A39799 #B1A29E

#5E6182 - #B1A29E

HSV混合

#5E6182 - #B1A29E | colorate

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

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #716789	RGB 113 103 137	#716789
33.3%	33.3% #877191	RGB 135 113 145	#877191
50.0%	50.0% #997C97	RGB 153 124 151	#997C97
66.7%	66.7% #A18695	RGB 161 134 149	#A18695
83.3%	83.3% #A99296	RGB 169 146 150	#A99296
100.0%	100.0% #B1A29E	RGB 177 162 158	#B1A29E

#5E6182 #716789 #877191 #997C97 #A18695 #A99296 #B1A29E

#5E6182 - #997C97 - #B1A29E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6182 0%, #997C97 50%, #B1A29E 100%);
    background: -webkit-linear-gradient(top, #5E6182 0%, #997C97 50%, #B1A29E 100%);
    background: linear-gradient(to bottom, #5E6182 0%, #997C97 50%, #B1A29E 100%);
}
</style>