#EDE5E9 - #B18CB7 | colorate

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

Blend #EDE5E9 to #B18CB7

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

RGB混合

#EDE5E9 - #B18CB7 | colorate

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

0.0%	0.0% #EDE5E9	RGB 237 229 233	#EDE5E9
16.7%	16.7% #E3D6E0	RGB 227 214 224	#E3D6E0
33.3%	33.3% #D9C7D8	RGB 217 199 216	#D9C7D8
50.0%	50.0% #CFB8D0	RGB 207 184 208	#CFB8D0
66.7%	66.7% #C5A9C7	RGB 197 169 199	#C5A9C7
83.3%	83.3% #BB9ABF	RGB 187 154 191	#BB9ABF
100.0%	100.0% #B18CB7	RGB 177 140 183	#B18CB7

#EDE5E9 #E3D6E0 #D9C7D8 #CFB8D0 #C5A9C7 #BB9ABF #B18CB7

#EDE5E9 - #B18CB7

HSV混合

#EDE5E9 - #B18CB7 | colorate

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

0.0%	0.0% #EDE5E9	RGB 237 229 233	#EDE5E9
16.7%	16.7% #E4D4DD	RGB 228 212 221	#E4D4DD
33.3%	33.3% #DBC4D4	RGB 219 196 212	#DBC4D4
50.0%	50.0% #D2B5CC	RGB 210 181 204	#D2B5CC
66.7%	66.7% #C9A7C6	RGB 201 167 198	#C9A7C6
83.3%	83.3% #BE99C0	RGB 190 153 192	#BE99C0
100.0%	100.0% #B18CB7	RGB 177 140 183	#B18CB7

#EDE5E9 #E4D4DD #DBC4D4 #D2B5CC #C9A7C6 #BE99C0 #B18CB7

#EDE5E9 - #D2B5CC - #B18CB7

CSS代码

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

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