#87369C - #DBC5E2 | colorate

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

Blend #87369C to #DBC5E2

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

RGB混合

#87369C - #DBC5E2 | colorate

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

0.0%	0.0% #87369C	RGB 135 54 156	#87369C
16.7%	16.7% #954DA7	RGB 149 77 167	#954DA7
33.3%	33.3% #A365B3	RGB 163 101 179	#A365B3
50.0%	50.0% #B17DBF	RGB 177 125 191	#B17DBF
66.7%	66.7% #BF95CA	RGB 191 149 202	#BF95CA
83.3%	83.3% #CDADD6	RGB 205 173 214	#CDADD6
100.0%	100.0% #DBC5E2	RGB 219 197 226	#DBC5E2

#87369C #954DA7 #A365B3 #B17DBF #BF95CA #CDADD6 #DBC5E2

#87369C - #DBC5E2

HSV混合

#87369C - #DBC5E2 | colorate

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

0.0%	0.0% #87369C	RGB 135 54 156	#87369C
16.7%	16.7% #9348A7	RGB 147 72 167	#9348A7
33.3%	33.3% #A05DB3	RGB 160 93 179	#A05DB3
50.0%	50.0% #AE74BF	RGB 174 116 191	#AE74BF
66.7%	66.7% #BC8DCA	RGB 188 141 202	#BC8DCA
83.3%	83.3% #CBA8D6	RGB 203 168 214	#CBA8D6
100.0%	100.0% #DBC5E2	RGB 219 197 226	#DBC5E2

#87369C #9348A7 #A05DB3 #AE74BF #BC8DCA #CBA8D6 #DBC5E2

#87369C - #AE74BF - #DBC5E2

CSS代码

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

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