#DF6D9C - #A0104E | colorate

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

Blend #DF6D9C to #A0104E

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

RGB混合

#DF6D9C - #A0104E | colorate

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

0.0%	0.0% #DF6D9C	RGB 223 109 156	#DF6D9C
16.7%	16.7% #D45D8F	RGB 212 93 143	#D45D8F
33.3%	33.3% #CA4E82	RGB 202 78 130	#CA4E82
50.0%	50.0% #BF3E75	RGB 191 62 117	#BF3E75
66.7%	66.7% #B52F68	RGB 181 47 104	#B52F68
83.3%	83.3% #AA1F5B	RGB 170 31 91	#AA1F5B
100.0%	100.0% #A0104E	RGB 160 16 78	#A0104E

#DF6D9C #D45D8F #CA4E82 #BF3E75 #B52F68 #AA1F5B #A0104E

#DF6D9C - #A0104E

HSV混合

#DF6D9C - #A0104E | colorate

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

0.0%	0.0% #DF6D9C	RGB 223 109 156	#DF6D9C
16.7%	16.7% #D45A8C	RGB 212 90 140	#D45A8C
33.3%	33.3% #CA487E	RGB 202 72 126	#CA487E
50.0%	50.0% #BF3871	RGB 191 56 113	#BF3871
66.7%	66.7% #B52964	RGB 181 41 100	#B52964
83.3%	83.3% #AA1C58	RGB 170 28 88	#AA1C58
100.0%	100.0% #A0104E	RGB 160 16 78	#A0104E

#DF6D9C #D45A8C #CA487E #BF3871 #B52964 #AA1C58 #A0104E

#DF6D9C - #BF3871 - #A0104E

CSS代码

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

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