#DFCCE6 - #9075A8 | colorate

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

Blend #DFCCE6 to #9075A8

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

RGB混合

#DFCCE6 - #9075A8 | colorate

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

0.0%	0.0% #DFCCE6	RGB 223 204 230	#DFCCE6
16.7%	16.7% #D1BDDB	RGB 209 189 219	#D1BDDB
33.3%	33.3% #C4AFD1	RGB 196 175 209	#C4AFD1
50.0%	50.0% #B7A0C7	RGB 183 160 199	#B7A0C7
66.7%	66.7% #AA92BC	RGB 170 146 188	#AA92BC
83.3%	83.3% #9D83B2	RGB 157 131 178	#9D83B2
100.0%	100.0% #9075A8	RGB 144 117 168	#9075A8

#DFCCE6 #D1BDDB #C4AFD1 #B7A0C7 #AA92BC #9D83B2 #9075A8

#DFCCE6 - #9075A8

HSV混合

#DFCCE6 - #9075A8 | colorate

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

0.0%	0.0% #DFCCE6	RGB 223 204 230	#DFCCE6
16.7%	16.7% #D2BBDB	RGB 210 187 219	#D2BBDB
33.3%	33.3% #C4ACD1	RGB 196 172 209	#C4ACD1
50.0%	50.0% #B79DC7	RGB 183 157 199	#B79DC7
66.7%	66.7% #AA8FBC	RGB 170 143 188	#AA8FBC
83.3%	83.3% #9D81B2	RGB 157 129 178	#9D81B2
100.0%	100.0% #9075A8	RGB 144 117 168	#9075A8

#DFCCE6 #D2BBDB #C4ACD1 #B79DC7 #AA8FBC #9D81B2 #9075A8

#DFCCE6 - #B79DC7 - #9075A8

CSS代码

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

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