#BA6E5E - #EBD5D1 | colorate

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

Blend #BA6E5E to #EBD5D1

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

RGB混合

#BA6E5E - #EBD5D1 | colorate

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

0.0%	0.0% #BA6E5E	RGB 186 110 94	#BA6E5E
16.7%	16.7% #C27F71	RGB 194 127 113	#C27F71
33.3%	33.3% #CA9084	RGB 202 144 132	#CA9084
50.0%	50.0% #D2A197	RGB 210 161 151	#D2A197
66.7%	66.7% #DAB2AA	RGB 218 178 170	#DAB2AA
83.3%	83.3% #E2C3BD	RGB 226 195 189	#E2C3BD
100.0%	100.0% #EBD5D1	RGB 235 213 209	#EBD5D1

#BA6E5E #C27F71 #CA9084 #D2A197 #DAB2AA #E2C3BD #EBD5D1

#BA6E5E - #EBD5D1

HSV混合

#BA6E5E - #EBD5D1 | colorate

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

0.0%	0.0% #BA6E5E	RGB 186 110 94	#BA6E5E
16.7%	16.7% #C27C6E	RGB 194 124 110	#C27C6E
33.3%	33.3% #CA8C80	RGB 202 140 128	#CA8C80
50.0%	50.0% #D29D92	RGB 210 157 146	#D29D92
66.7%	66.7% #DAAEA6	RGB 218 174 166	#DAAEA6
83.3%	83.3% #E2C1BB	RGB 226 193 187	#E2C1BB
100.0%	100.0% #EBD5D1	RGB 235 213 209	#EBD5D1

#BA6E5E #C27C6E #CA8C80 #D29D92 #DAAEA6 #E2C1BB #EBD5D1

#BA6E5E - #D29D92 - #EBD5D1

CSS代码

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

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