#5F5E6B - #859CCD | colorate

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

Blend #5F5E6B to #859CCD

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

RGB混合

#5F5E6B - #859CCD | colorate

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

0.0%	0.0% #5F5E6B	RGB 95 94 107	#5F5E6B
16.7%	16.7% #65687B	RGB 101 104 123	#65687B
33.3%	33.3% #6B728B	RGB 107 114 139	#6B728B
50.0%	50.0% #727D9C	RGB 114 125 156	#727D9C
66.7%	66.7% #7887AC	RGB 120 135 172	#7887AC
83.3%	83.3% #7E91BC	RGB 126 145 188	#7E91BC
100.0%	100.0% #859CCD	RGB 133 156 205	#859CCD

#5F5E6B #65687B #6B728B #727D9C #7887AC #7E91BC #859CCD

#5F5E6B - #859CCD

HSV混合

#5F5E6B - #859CCD | colorate

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

0.0%	0.0% #5F5E6B	RGB 95 94 107	#5F5E6B
16.7%	16.7% #67677B	RGB 103 103 123	#67677B
33.3%	33.3% #70718B	RGB 112 113 139	#70718B
50.0%	50.0% #777B9C	RGB 119 123 156	#777B9C
66.7%	66.7% #7D85AC	RGB 125 133 172	#7D85AC
83.3%	83.3% #8190BC	RGB 129 144 188	#8190BC
100.0%	100.0% #859CCD	RGB 133 156 205	#859CCD

#5F5E6B #67677B #70718B #777B9C #7D85AC #8190BC #859CCD

#5F5E6B - #777B9C - #859CCD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F5E6B 0%, #777B9C 50%, #859CCD 100%);
    background: -webkit-linear-gradient(top, #5F5E6B 0%, #777B9C 50%, #859CCD 100%);
    background: linear-gradient(to bottom, #5F5E6B 0%, #777B9C 50%, #859CCD 100%);
}
</style>