#C175A8 - #EDD7E6 | colorate

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

Blend #C175A8 to #EDD7E6

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

RGB混合

#C175A8 - #EDD7E6 | colorate

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

0.0%	0.0% #C175A8	RGB 193 117 168	#C175A8
16.7%	16.7% #C885B2	RGB 200 133 178	#C885B2
33.3%	33.3% #CF95BC	RGB 207 149 188	#CF95BC
50.0%	50.0% #D7A6C7	RGB 215 166 199	#D7A6C7
66.7%	66.7% #DEB6D1	RGB 222 182 209	#DEB6D1
83.3%	83.3% #E5C6DB	RGB 229 198 219	#E5C6DB
100.0%	100.0% #EDD7E6	RGB 237 215 230	#EDD7E6

#C175A8 #C885B2 #CF95BC #D7A6C7 #DEB6D1 #E5C6DB #EDD7E6

#C175A8 - #EDD7E6

HSV混合

#C175A8 - #EDD7E6 | colorate

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

0.0%	0.0% #C175A8	RGB 193 117 168	#C175A8
16.7%	16.7% #C883B1	RGB 200 131 177	#C883B1
33.3%	33.3% #CF92BB	RGB 207 146 187	#CF92BB
50.0%	50.0% #D7A2C6	RGB 215 162 198	#D7A2C6
66.7%	66.7% #DEB3D0	RGB 222 179 208	#DEB3D0
83.3%	83.3% #E5C4DB	RGB 229 196 219	#E5C4DB
100.0%	100.0% #EDD7E6	RGB 237 215 230	#EDD7E6

#C175A8 #C883B1 #CF92BB #D7A2C6 #DEB3D0 #E5C4DB #EDD7E6

#C175A8 - #D7A2C6 - #EDD7E6

CSS代码

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

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