#BE8C92 - #ECDEDF | colorate

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

Blend #BE8C92 to #ECDEDF

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

RGB混合

#BE8C92 - #ECDEDF | colorate

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

0.0%	0.0% #BE8C92	RGB 190 140 146	#BE8C92
16.7%	16.7% #C5999E	RGB 197 153 158	#C5999E
33.3%	33.3% #CDA7AB	RGB 205 167 171	#CDA7AB
50.0%	50.0% #D5B5B8	RGB 213 181 184	#D5B5B8
66.7%	66.7% #DCC2C5	RGB 220 194 197	#DCC2C5
83.3%	83.3% #E4D0D2	RGB 228 208 210	#E4D0D2
100.0%	100.0% #ECDEDF	RGB 236 222 223	#ECDEDF

#BE8C92 #C5999E #CDA7AB #D5B5B8 #DCC2C5 #E4D0D2 #ECDEDF

#BE8C92 - #ECDEDF

HSV混合

#BE8C92 - #ECDEDF | colorate

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

0.0%	0.0% #BE8C92	RGB 190 140 146	#BE8C92
16.7%	16.7% #C5989D	RGB 197 152 157	#C5989D
33.3%	33.3% #CDA5A9	RGB 205 165 169	#CDA5A9
50.0%	50.0% #D5B2B5	RGB 213 178 181	#D5B2B5
66.7%	66.7% #DCC0C3	RGB 220 192 195	#DCC0C3
83.3%	83.3% #E4CFD0	RGB 228 207 208	#E4CFD0
100.0%	100.0% #ECDEDF	RGB 236 222 223	#ECDEDF

#BE8C92 #C5989D #CDA5A9 #D5B2B5 #DCC0C3 #E4CFD0 #ECDEDF

#BE8C92 - #D5B2B5 - #ECDEDF

CSS代码

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

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