#AF5E9A - #FF7BE7 | colorate

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

Blend #AF5E9A to #FF7BE7

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

RGB混合

#AF5E9A - #FF7BE7 | colorate

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

0.0%	0.0% #AF5E9A	RGB 175 94 154	#AF5E9A
16.7%	16.7% #BC62A6	RGB 188 98 166	#BC62A6
33.3%	33.3% #C967B3	RGB 201 103 179	#C967B3
50.0%	50.0% #D76CC0	RGB 215 108 192	#D76CC0
66.7%	66.7% #E471CD	RGB 228 113 205	#E471CD
83.3%	83.3% #F176DA	RGB 241 118 218	#F176DA
100.0%	100.0% #FF7BE7	RGB 255 123 231	#FF7BE7

#AF5E9A #BC62A6 #C967B3 #D76CC0 #E471CD #F176DA #FF7BE7

#AF5E9A - #FF7BE7

HSV混合

#AF5E9A - #FF7BE7 | colorate

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

0.0%	0.0% #AF5E99	RGB 175 94 153	#AF5E99
16.7%	16.7% #BC63A6	RGB 188 99 166	#BC63A6
33.3%	33.3% #C968B3	RGB 201 104 179	#C968B3
50.0%	50.0% #D76DBF	RGB 215 109 191	#D76DBF
66.7%	66.7% #E472CC	RGB 228 114 204	#E472CC
83.3%	83.3% #F176D9	RGB 241 118 217	#F176D9
100.0%	100.0% #FF7BE7	RGB 255 123 231	#FF7BE7

#AF5E99 #BC63A6 #C968B3 #D76DBF #E472CC #F176D9 #FF7BE7

#AF5E9A - #D76DBF - #FF7BE7

CSS代码

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

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