#BB5EAE - #6A076B | colorate

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

Blend #BB5EAE to #6A076B

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

RGB混合

#BB5EAE - #6A076B | colorate

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

0.0%	0.0% #BB5EAE	RGB 187 94 174	#BB5EAE
16.7%	16.7% #AD4FA2	RGB 173 79 162	#AD4FA2
33.3%	33.3% #A04197	RGB 160 65 151	#A04197
50.0%	50.0% #92328C	RGB 146 50 140	#92328C
66.7%	66.7% #852381	RGB 133 35 129	#852381
83.3%	83.3% #771576	RGB 119 21 118	#771576
100.0%	100.0% #6A076B	RGB 106 7 107	#6A076B

#BB5EAE #AD4FA2 #A04197 #92328C #852381 #771576 #6A076B

#BB5EAE - #6A076B

HSV混合

#BB5EAE - #6A076B | colorate

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

0.0%	0.0% #BB5EAE	RGB 187 94 174	#BB5EAE
16.7%	16.7% #AD4AA2	RGB 173 74 162	#AD4AA2
33.3%	33.3% #A03997	RGB 160 57 151	#A03997
50.0%	50.0% #93298C	RGB 147 41 140	#93298C
66.7%	66.7% #851C81	RGB 133 28 129	#851C81
83.3%	83.3% #781076	RGB 120 16 118	#781076
100.0%	100.0% #6A076B	RGB 106 7 107	#6A076B

#BB5EAE #AD4AA2 #A03997 #93298C #851C81 #781076 #6A076B

#BB5EAE - #93298C - #6A076B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BB5EAE 0%, #93298C 50%, #6A076B 100%);
    background: -webkit-linear-gradient(top, #BB5EAE 0%, #93298C 50%, #6A076B 100%);
    background: linear-gradient(to bottom, #BB5EAE 0%, #93298C 50%, #6A076B 100%);
}
</style>