#EDE5E6 - #BEA1A4 | colorate

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

Blend #EDE5E6 to #BEA1A4

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

RGB混合

#EDE5E6 - #BEA1A4 | colorate

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

0.0%	0.0% #EDE5E6	RGB 237 229 230	#EDE5E6
16.7%	16.7% #E5D9DB	RGB 229 217 219	#E5D9DB
33.3%	33.3% #DDCED0	RGB 221 206 208	#DDCED0
50.0%	50.0% #D5C3C5	RGB 213 195 197	#D5C3C5
66.7%	66.7% #CDB7BA	RGB 205 183 186	#CDB7BA
83.3%	83.3% #C5ACAF	RGB 197 172 175	#C5ACAF
100.0%	100.0% #BEA1A4	RGB 190 161 164	#BEA1A4

#EDE5E6 #E5D9DB #DDCED0 #D5C3C5 #CDB7BA #C5ACAF #BEA1A4

#EDE5E6 - #BEA1A4

HSV混合

#EDE5E6 - #BEA1A4 | colorate

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

0.0%	0.0% #EDE5E6	RGB 237 229 230	#EDE5E6
16.7%	16.7% #E5D8DA	RGB 229 216 218	#E5D8DA
33.3%	33.3% #DDCDCF	RGB 221 205 207	#DDCDCF
50.0%	50.0% #D5C1C3	RGB 213 193 195	#D5C1C3
66.7%	66.7% #CDB6B8	RGB 205 182 184	#CDB6B8
83.3%	83.3% #C5ABAE	RGB 197 171 174	#C5ABAE
100.0%	100.0% #BEA1A4	RGB 190 161 164	#BEA1A4

#EDE5E6 #E5D8DA #DDCDCF #D5C1C3 #CDB6B8 #C5ABAE #BEA1A4

#EDE5E6 - #D5C1C3 - #BEA1A4

CSS代码

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

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