#8C4681 - #DECADB | colorate

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

Blend #8C4681 to #DECADB

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

RGB混合

#8C4681 - #DECADB | colorate

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

0.0%	0.0% #8C4681	RGB 140 70 129	#8C4681
16.7%	16.7% #995C90	RGB 153 92 144	#995C90
33.3%	33.3% #A7729F	RGB 167 114 159	#A7729F
50.0%	50.0% #B588AE	RGB 181 136 174	#B588AE
66.7%	66.7% #C29EBD	RGB 194 158 189	#C29EBD
83.3%	83.3% #D0B4CC	RGB 208 180 204	#D0B4CC
100.0%	100.0% #DECADB	RGB 222 202 219	#DECADB

#8C4681 #995C90 #A7729F #B588AE #C29EBD #D0B4CC #DECADB

#8C4681 - #DECADB

HSV混合

#8C4681 - #DECADB | colorate

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

0.0%	0.0% #8C4680	RGB 140 70 128	#8C4680
16.7%	16.7% #99578F	RGB 153 87 143	#99578F
33.3%	33.3% #A76A9D	RGB 167 106 157	#A76A9D
50.0%	50.0% #B57FAC	RGB 181 127 172	#B57FAC
66.7%	66.7% #C296BB	RGB 194 150 187	#C296BB
83.3%	83.3% #D0AFCB	RGB 208 175 203	#D0AFCB
100.0%	100.0% #DECADB	RGB 222 202 219	#DECADB

#8C4680 #99578F #A76A9D #B57FAC #C296BB #D0AFCB #DECADB

#8C4681 - #B57FAC - #DECADB

CSS代码

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

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