#805B8C - #5E1357 | colorate

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

Blend #805B8C to #5E1357

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

RGB混合

#805B8C - #5E1357 | colorate

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

0.0%	0.0% #805B8C	RGB 128 91 140	#805B8C
16.7%	16.7% #7A4F83	RGB 122 79 131	#7A4F83
33.3%	33.3% #74437A	RGB 116 67 122	#74437A
50.0%	50.0% #6F3771	RGB 111 55 113	#6F3771
66.7%	66.7% #692B68	RGB 105 43 104	#692B68
83.3%	83.3% #631F5F	RGB 99 31 95	#631F5F
100.0%	100.0% #5E1357	RGB 94 19 87	#5E1357

#805B8C #7A4F83 #74437A #6F3771 #692B68 #631F5F #5E1357

#805B8C - #5E1357

HSV混合

#805B8C - #5E1357 | colorate

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

0.0%	0.0% #805B8C	RGB 128 91 140	#805B8C
16.7%	16.7% #794C84	RGB 121 76 132	#794C84
33.3%	33.3% #743E7C	RGB 116 62 124	#743E7C
50.0%	50.0% #6F3175	RGB 111 49 117	#6F3175
66.7%	66.7% #6B266D	RGB 107 38 109	#6B266D
83.3%	83.3% #651C62	RGB 101 28 98	#651C62
100.0%	100.0% #5E1357	RGB 94 19 87	#5E1357

#805B8C #794C84 #743E7C #6F3175 #6B266D #651C62 #5E1357

#805B8C - #6F3175 - #5E1357

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #805B8C 0%, #6F3175 50%, #5E1357 100%);
    background: -webkit-linear-gradient(top, #805B8C 0%, #6F3175 50%, #5E1357 100%);
    background: linear-gradient(to bottom, #805B8C 0%, #6F3175 50%, #5E1357 100%);
}
</style>