#611B5E - #BE638D | colorate

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

Blend #611B5E to #BE638D

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

RGB混合

#611B5E - #BE638D | colorate

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

0.0%	0.0% #611B5E	RGB 97 27 94	#611B5E
16.7%	16.7% #702765	RGB 112 39 101	#702765
33.3%	33.3% #80336D	RGB 128 51 109	#80336D
50.0%	50.0% #8F3F75	RGB 143 63 117	#8F3F75
66.7%	66.7% #9F4B7D	RGB 159 75 125	#9F4B7D
83.3%	83.3% #AE5785	RGB 174 87 133	#AE5785
100.0%	100.0% #BE638D	RGB 190 99 141	#BE638D

#611B5E #702765 #80336D #8F3F75 #9F4B7D #AE5785 #BE638D

#611B5E - #BE638D

HSV混合

#611B5E - #BE638D | colorate

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

0.0%	0.0% #611B5E	RGB 97 27 94	#611B5E
16.7%	16.7% #702366	RGB 112 35 102	#702366
33.3%	33.3% #802D6E	RGB 128 45 110	#802D6E
50.0%	50.0% #8F3976	RGB 143 57 118	#8F3976
66.7%	66.7% #9F457D	RGB 159 69 125	#9F457D
83.3%	83.3% #AE5385	RGB 174 83 133	#AE5385
100.0%	100.0% #BE638D	RGB 190 99 141	#BE638D

#611B5E #702366 #802D6E #8F3976 #9F457D #AE5385 #BE638D

#611B5E - #8F3976 - #BE638D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #611B5E 0%, #8F3976 50%, #BE638D 100%);
    background: -webkit-linear-gradient(top, #611B5E 0%, #8F3976 50%, #BE638D 100%);
    background: linear-gradient(to bottom, #611B5E 0%, #8F3976 50%, #BE638D 100%);
}
</style>