#9075DC - #DFD7F5 | colorate

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

Blend #9075DC to #DFD7F5

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

RGB混合

#9075DC - #DFD7F5 | colorate

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

0.0%	0.0% #9075DC	RGB 144 117 220	#9075DC
16.7%	16.7% #9D85E0	RGB 157 133 224	#9D85E0
33.3%	33.3% #AA95E4	RGB 170 149 228	#AA95E4
50.0%	50.0% #B7A6E8	RGB 183 166 232	#B7A6E8
66.7%	66.7% #C4B6EC	RGB 196 182 236	#C4B6EC
83.3%	83.3% #D1C6F0	RGB 209 198 240	#D1C6F0
100.0%	100.0% #DFD7F5	RGB 223 215 245	#DFD7F5

#9075DC #9D85E0 #AA95E4 #B7A6E8 #C4B6EC #D1C6F0 #DFD7F5

#9075DC - #DFD7F5

HSV混合

#9075DC - #DFD7F5 | colorate

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

0.0%	0.0% #9075DC	RGB 144 117 220	#9075DC
16.7%	16.7% #9C84E0	RGB 156 132 224	#9C84E0
33.3%	33.3% #A893E4	RGB 168 147 228	#A893E4
50.0%	50.0% #B5A3E8	RGB 181 163 232	#B5A3E8
66.7%	66.7% #C3B4EC	RGB 195 180 236	#C3B4EC
83.3%	83.3% #D0C5F0	RGB 208 197 240	#D0C5F0
100.0%	100.0% #DFD7F5	RGB 223 215 245	#DFD7F5

#9075DC #9C84E0 #A893E4 #B5A3E8 #C3B4EC #D0C5F0 #DFD7F5

#9075DC - #B5A3E8 - #DFD7F5

CSS代码

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

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