#DE7FFF - #E3E5E2 | colorate

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

Blend #DE7FFF to #E3E5E2

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

RGB混合

#DE7FFF - #E3E5E2 | colorate

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

0.0%	0.0% #DE7FFF	RGB 222 127 255	#DE7FFF
16.7%	16.7% #DE90FA	RGB 222 144 250	#DE90FA
33.3%	33.3% #DFA1F5	RGB 223 161 245	#DFA1F5
50.0%	50.0% #E0B2F0	RGB 224 178 240	#E0B2F0
66.7%	66.7% #E1C3EB	RGB 225 195 235	#E1C3EB
83.3%	83.3% #E2D4E6	RGB 226 212 230	#E2D4E6
100.0%	100.0% #E3E5E2	RGB 227 229 226	#E3E5E2

#DE7FFF #DE90FA #DFA1F5 #E0B2F0 #E1C3EB #E2D4E6 #E3E5E2

#DE7FFF - #E3E5E2

HSV混合

#DE7FFF - #E3E5E2 | colorate

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

0.0%	0.0% #DE7FFF	RGB 222 127 255	#DE7FFF
16.7%	16.7% #FA91E2	RGB 250 145 226	#FA91E2
33.3%	33.3% #F6A2BA	RGB 246 162 186	#F6A2BA
50.0%	50.0% #F2C0B3	RGB 242 192 179	#F2C0B3
66.7%	66.7% #EDE0C3	RGB 237 224 195	#EDE0C3
83.3%	83.3% #E5E9D3	RGB 229 233 211	#E5E9D3
100.0%	100.0% #E3E5E2	RGB 227 229 226	#E3E5E2

#DE7FFF #FA91E2 #F6A2BA #F2C0B3 #EDE0C3 #E5E9D3 #E3E5E2

#DE7FFF - #F2C0B3 - #E3E5E2

CSS代码

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

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