#DF8CDF - #C43AC0 | colorate

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

Blend #DF8CDF to #C43AC0

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

RGB混合

#DF8CDF - #C43AC0 | colorate

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

0.0%	0.0% #DF8CDF	RGB 223 140 223	#DF8CDF
16.7%	16.7% #DA7ED9	RGB 218 126 217	#DA7ED9
33.3%	33.3% #D670D4	RGB 214 112 212	#D670D4
50.0%	50.0% #D163CF	RGB 209 99 207	#D163CF
66.7%	66.7% #CD55CA	RGB 205 85 202	#CD55CA
83.3%	83.3% #C847C5	RGB 200 71 197	#C847C5
100.0%	100.0% #C43AC0	RGB 196 58 192	#C43AC0

#DF8CDF #DA7ED9 #D670D4 #D163CF #CD55CA #C847C5 #C43AC0

#DF8CDF - #C43AC0

HSV混合

#DF8CDF - #C43AC0 | colorate

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

0.0%	0.0% #DF8CDF	RGB 223 140 223	#DF8CDF
16.7%	16.7% #DA7DDA	RGB 218 125 218	#DA7DDA
33.3%	33.3% #D66ED5	RGB 214 110 213	#D66ED5
50.0%	50.0% #D160CF	RGB 209 96 207	#D160CF
66.7%	66.7% #CD53CA	RGB 205 83 202	#CD53CA
83.3%	83.3% #C846C5	RGB 200 70 197	#C846C5
100.0%	100.0% #C43AC0	RGB 196 58 192	#C43AC0

#DF8CDF #DA7DDA #D66ED5 #D160CF #CD53CA #C846C5 #C43AC0

#DF8CDF - #D160CF - #C43AC0

CSS代码

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

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