#A819A2 - #B0ADED | colorate

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

Blend #A819A2 to #B0ADED

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

RGB混合

#A819A2 - #B0ADED | colorate

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

0.0%	0.0% #A819A2	RGB 168 25 162	#A819A2
16.7%	16.7% #A931AE	RGB 169 49 174	#A931AE
33.3%	33.3% #AA4ABB	RGB 170 74 187	#AA4ABB
50.0%	50.0% #AC63C7	RGB 172 99 199	#AC63C7
66.7%	66.7% #AD7BD4	RGB 173 123 212	#AD7BD4
83.3%	83.3% #AE94E0	RGB 174 148 224	#AE94E0
100.0%	100.0% #B0ADED	RGB 176 173 237	#B0ADED

#A819A2 #A931AE #AA4ABB #AC63C7 #AD7BD4 #AE94E0 #B0ADED

#A819A2 - #B0ADED

HSV混合

#A819A2 - #B0ADED | colorate

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

0.0%	0.0% #A819A1	RGB 168 25 161	#A819A1
16.7%	16.7% #A22CB3	RGB 162 44 179	#A22CB3
33.3%	33.3% #9A41BF	RGB 154 65 191	#9A41BF
50.0%	50.0% #9658CA	RGB 150 88 202	#9658CA
66.7%	66.7% #9872D6	RGB 152 114 214	#9872D6
83.3%	83.3% #A08EE1	RGB 160 142 225	#A08EE1
100.0%	100.0% #B0ADED	RGB 176 173 237	#B0ADED

#A819A1 #A22CB3 #9A41BF #9658CA #9872D6 #A08EE1 #B0ADED

#A819A2 - #9658CA - #B0ADED

CSS代码

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

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