#C17D9F - #EDD9E3 | colorate

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

Blend #C17D9F to #EDD9E3

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

RGB混合

#C17D9F - #EDD9E3 | colorate

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

0.0%	0.0% #C17D9F	RGB 193 125 159	#C17D9F
16.7%	16.7% #C88CAA	RGB 200 140 170	#C88CAA
33.3%	33.3% #CF9BB5	RGB 207 155 181	#CF9BB5
50.0%	50.0% #D7ABC1	RGB 215 171 193	#D7ABC1
66.7%	66.7% #DEBACC	RGB 222 186 204	#DEBACC
83.3%	83.3% #E5C9D7	RGB 229 201 215	#E5C9D7
100.0%	100.0% #EDD9E3	RGB 237 217 227	#EDD9E3

#C17D9F #C88CAA #CF9BB5 #D7ABC1 #DEBACC #E5C9D7 #EDD9E3

#C17D9F - #EDD9E3

HSV混合

#C17D9F - #EDD9E3 | colorate

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

0.0%	0.0% #C17D9F	RGB 193 125 159	#C17D9F
16.7%	16.7% #C88AA9	RGB 200 138 169	#C88AA9
33.3%	33.3% #CF99B4	RGB 207 153 180	#CF99B4
50.0%	50.0% #D7A8BF	RGB 215 168 191	#D7A8BF
66.7%	66.7% #DEB7CB	RGB 222 183 203	#DEB7CB
83.3%	83.3% #E5C8D6	RGB 229 200 214	#E5C8D6
100.0%	100.0% #EDD9E3	RGB 237 217 227	#EDD9E3

#C17D9F #C88AA9 #CF99B4 #D7A8BF #DEB7CB #E5C8D6 #EDD9E3

#C17D9F - #D7A8BF - #EDD9E3

CSS代码

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

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