#E2DCC3 - #B2B15C | colorate

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

Blend #E2DCC3 to #B2B15C

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

RGB混合

#E2DCC3 - #B2B15C | colorate

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

0.0%	0.0% #E2DCC3	RGB 226 220 195	#E2DCC3
16.7%	16.7% #DAD4B1	RGB 218 212 177	#DAD4B1
33.3%	33.3% #D2CDA0	RGB 210 205 160	#D2CDA0
50.0%	50.0% #CAC68F	RGB 202 198 143	#CAC68F
66.7%	66.7% #C2BF7E	RGB 194 191 126	#C2BF7E
83.3%	83.3% #BAB86D	RGB 186 184 109	#BAB86D
100.0%	100.0% #B2B15C	RGB 178 177 92	#B2B15C

#E2DCC3 #DAD4B1 #D2CDA0 #CAC68F #C2BF7E #BAB86D #B2B15C

#E2DCC3 - #B2B15C

HSV混合

#E2DCC3 - #B2B15C | colorate

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

0.0%	0.0% #E2DCC3	RGB 226 220 195	#E2DCC3
16.7%	16.7% #DAD3AF	RGB 218 211 175	#DAD3AF
33.3%	33.3% #D2CA9C	RGB 210 202 156	#D2CA9C
50.0%	50.0% #CAC38B	RGB 202 195 139	#CAC38B
66.7%	66.7% #C2BC7A	RGB 194 188 122	#C2BC7A
83.3%	83.3% #BAB66A	RGB 186 182 106	#BAB66A
100.0%	100.0% #B2B15C	RGB 178 177 92	#B2B15C

#E2DCC3 #DAD3AF #D2CA9C #CAC38B #C2BC7A #BAB66A #B2B15C

#E2DCC3 - #CAC38B - #B2B15C

CSS代码

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

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