#9F2E5E - #E3C3D1 | colorate

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

Blend #9F2E5E to #E3C3D1

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

RGB混合

#9F2E5E - #E3C3D1 | colorate

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

0.0%	0.0% #9F2E5E	RGB 159 46 94	#9F2E5E
16.7%	16.7% #AA4671	RGB 170 70 113	#AA4671
33.3%	33.3% #B55F84	RGB 181 95 132	#B55F84
50.0%	50.0% #C17897	RGB 193 120 151	#C17897
66.7%	66.7% #CC91AA	RGB 204 145 170	#CC91AA
83.3%	83.3% #D7AABD	RGB 215 170 189	#D7AABD
100.0%	100.0% #E3C3D1	RGB 227 195 209	#E3C3D1

#9F2E5E #AA4671 #B55F84 #C17897 #CC91AA #D7AABD #E3C3D1

#9F2E5E - #E3C3D1

HSV混合

#9F2E5E - #E3C3D1 | colorate

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

0.0%	0.0% #9F2E5D	RGB 159 46 93	#9F2E5D
16.7%	16.7% #AA416E	RGB 170 65 110	#AA416E
33.3%	33.3% #B5577F	RGB 181 87 127	#B5577F
50.0%	50.0% #C16E92	RGB 193 110 146	#C16E92
66.7%	66.7% #CC88A6	RGB 204 136 166	#CC88A6
83.3%	83.3% #D7A4BA	RGB 215 164 186	#D7A4BA
100.0%	100.0% #E3C3D1	RGB 227 195 209	#E3C3D1

#9F2E5D #AA416E #B5577F #C16E92 #CC88A6 #D7A4BA #E3C3D1

#9F2E5E - #C16E92 - #E3C3D1

CSS代码

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

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