#CAA265 - #EFE4D3 | colorate

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

Blend #CAA265 to #EFE4D3

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

RGB混合

#CAA265 - #EFE4D3 | colorate

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

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #D0AD77	RGB 208 173 119	#D0AD77
33.3%	33.3% #D6B889	RGB 214 184 137	#D6B889
50.0%	50.0% #DCC39C	RGB 220 195 156	#DCC39C
66.7%	66.7% #E2CEAE	RGB 226 206 174	#E2CEAE
83.3%	83.3% #E8D9C0	RGB 232 217 192	#E8D9C0
100.0%	100.0% #EFE4D3	RGB 239 228 211	#EFE4D3

#CAA265 #D0AD77 #D6B889 #DCC39C #E2CEAE #E8D9C0 #EFE4D3

#CAA265 - #EFE4D3

HSV混合

#CAA265 - #EFE4D3 | colorate

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

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #D0AC75	RGB 208 172 117	#D0AC75
33.3%	33.3% #D6B686	RGB 214 182 134	#D6B686
50.0%	50.0% #DCC198	RGB 220 193 152	#DCC198
66.7%	66.7% #E2CCAB	RGB 226 204 171	#E2CCAB
83.3%	83.3% #E8D8BE	RGB 232 216 190	#E8D8BE
100.0%	100.0% #EFE4D3	RGB 239 228 211	#EFE4D3

#CAA265 #D0AC75 #D6B686 #DCC198 #E2CCAB #E8D8BE #EFE4D3

#CAA265 - #DCC198 - #EFE4D3

CSS代码

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

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