#B2247A - #C0AFED | colorate

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

Blend #B2247A to #C0AFED

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

RGB混合

#B2247A - #C0AFED | colorate

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

0.0%	0.0% #B2247A	RGB 178 36 122	#B2247A
16.7%	16.7% #B43B8D	RGB 180 59 141	#B43B8D
33.3%	33.3% #B652A0	RGB 182 82 160	#B652A0
50.0%	50.0% #B969B3	RGB 185 105 179	#B969B3
66.7%	66.7% #BB80C6	RGB 187 128 198	#BB80C6
83.3%	83.3% #BD97D9	RGB 189 151 217	#BD97D9
100.0%	100.0% #C0AFED	RGB 192 175 237	#C0AFED

#B2247A #B43B8D #B652A0 #B969B3 #BB80C6 #BD97D9 #C0AFED

#B2247A - #C0AFED

HSV混合

#B2247A - #C0AFED | colorate

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

0.0%	0.0% #B2247A	RGB 178 36 122	#B2247A
16.7%	16.7% #BB36A0	RGB 187 54 160	#BB36A0
33.3%	33.3% #C54BC3	RGB 197 75 195	#C54BC3
50.0%	50.0% #BD61CF	RGB 189 97 207	#BD61CF
66.7%	66.7% #B779D9	RGB 183 121 217	#B779D9
83.3%	83.3% #B893E3	RGB 184 147 227	#B893E3
100.0%	100.0% #C0AFED	RGB 192 175 237	#C0AFED

#B2247A #BB36A0 #C54BC3 #BD61CF #B779D9 #B893E3 #C0AFED

#B2247A - #BD61CF - #C0AFED

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2247A 0%, #BD61CF 50%, #C0AFED 100%);
    background: -webkit-linear-gradient(top, #B2247A 0%, #BD61CF 50%, #C0AFED 100%);
    background: linear-gradient(to bottom, #B2247A 0%, #BD61CF 50%, #C0AFED 100%);
}
</style>