#A16DC3 - #DC8CFF | colorate

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

Blend #A16DC3 to #DC8CFF

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

RGB混合

#A16DC3 - #DC8CFF | colorate

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

0.0%	0.0% #A16DC3	RGB 161 109 195	#A16DC3
16.7%	16.7% #AA72CD	RGB 170 114 205	#AA72CD
33.3%	33.3% #B477D7	RGB 180 119 215	#B477D7
50.0%	50.0% #BE7CE1	RGB 190 124 225	#BE7CE1
66.7%	66.7% #C881EB	RGB 200 129 235	#C881EB
83.3%	83.3% #D286F5	RGB 210 134 245	#D286F5
100.0%	100.0% #DC8CFF	RGB 220 140 255	#DC8CFF

#A16DC3 #AA72CD #B477D7 #BE7CE1 #C881EB #D286F5 #DC8CFF

#A16DC3 - #DC8CFF

HSV混合

#A16DC3 - #DC8CFF | colorate

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

0.0%	0.0% #A16DC3	RGB 161 109 195	#A16DC3
16.7%	16.7% #AA72CD	RGB 170 114 205	#AA72CD
33.3%	33.3% #B477D7	RGB 180 119 215	#B477D7
50.0%	50.0% #BD7CE1	RGB 189 124 225	#BD7CE1
66.7%	66.7% #C781EB	RGB 199 129 235	#C781EB
83.3%	83.3% #D186F5	RGB 209 134 245	#D186F5
100.0%	100.0% #DC8CFF	RGB 220 140 255	#DC8CFF

#A16DC3 #AA72CD #B477D7 #BD7CE1 #C781EB #D186F5 #DC8CFF

#A16DC3 - #BD7CE1 - #DC8CFF

CSS代码

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

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