#A8A88C - #FFDBA0 | colorate

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

Blend #A8A88C to #FFDBA0

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

RGB混合

#A8A88C - #FFDBA0 | colorate

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

0.0%	0.0% #A8A88C	RGB 168 168 140	#A8A88C
16.7%	16.7% #B6B08F	RGB 182 176 143	#B6B08F
33.3%	33.3% #C5B992	RGB 197 185 146	#C5B992
50.0%	50.0% #D3C196	RGB 211 193 150	#D3C196
66.7%	66.7% #E2CA99	RGB 226 202 153	#E2CA99
83.3%	83.3% #F0D29C	RGB 240 210 156	#F0D29C
100.0%	100.0% #FFDBA0	RGB 255 219 160	#FFDBA0

#A8A88C #B6B08F #C5B992 #D3C196 #E2CA99 #F0D29C #FFDBA0

#A8A88C - #FFDBA0

HSV混合

#A8A88C - #FFDBA0 | colorate

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

0.0%	0.0% #A8A88C	RGB 168 168 140	#A8A88C
16.7%	16.7% #B6B491	RGB 182 180 145	#B6B491
33.3%	33.3% #C5BF96	RGB 197 191 150	#C5BF96
50.0%	50.0% #D3C89A	RGB 211 200 154	#D3C89A
66.7%	66.7% #E2D09D	RGB 226 208 157	#E2D09D
83.3%	83.3% #F0D69F	RGB 240 214 159	#F0D69F
100.0%	100.0% #FFDBA0	RGB 255 219 160	#FFDBA0

#A8A88C #B6B491 #C5BF96 #D3C89A #E2D09D #F0D69F #FFDBA0

#A8A88C - #D3C89A - #FFDBA0

CSS代码

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

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