#E7B5E3 - #C247A1 | colorate

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

Blend #E7B5E3 to #C247A1

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

RGB混合

#E7B5E3 - #C247A1 | colorate

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

0.0%	0.0% #E7B5E3	RGB 231 181 227	#E7B5E3
16.7%	16.7% #E0A2D8	RGB 224 162 216	#E0A2D8
33.3%	33.3% #DA90CD	RGB 218 144 205	#DA90CD
50.0%	50.0% #D47EC2	RGB 212 126 194	#D47EC2
66.7%	66.7% #CE6BB7	RGB 206 107 183	#CE6BB7
83.3%	83.3% #C859AC	RGB 200 89 172	#C859AC
100.0%	100.0% #C247A1	RGB 194 71 161	#C247A1

#E7B5E3 #E0A2D8 #DA90CD #D47EC2 #CE6BB7 #C859AC #C247A1

#E7B5E3 - #C247A1

HSV混合

#E7B5E3 - #C247A1 | colorate

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

0.0%	0.0% #E7B5E3	RGB 231 181 227	#E7B5E3
16.7%	16.7% #E0A0D9	RGB 224 160 217	#E0A0D9
33.3%	33.3% #DA8CCF	RGB 218 140 207	#DA8CCF
50.0%	50.0% #D47AC4	RGB 212 122 196	#D47AC4
66.7%	66.7% #CE68B9	RGB 206 104 185	#CE68B9
83.3%	83.3% #C857AD	RGB 200 87 173	#C857AD
100.0%	100.0% #C247A1	RGB 194 71 161	#C247A1

#E7B5E3 #E0A0D9 #DA8CCF #D47AC4 #CE68B9 #C857AD #C247A1

#E7B5E3 - #D47AC4 - #C247A1

CSS代码

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

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