#C2B96C - #EDEAD5 | colorate

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

Blend #C2B96C to #EDEAD5

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

RGB混合

#C2B96C - #EDEAD5 | colorate

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

0.0%	0.0% #C2B96C	RGB 194 185 108	#C2B96C
16.7%	16.7% #C9C17D	RGB 201 193 125	#C9C17D
33.3%	33.3% #D0C98F	RGB 208 201 143	#D0C98F
50.0%	50.0% #D7D1A0	RGB 215 209 160	#D7D1A0
66.7%	66.7% #DED9B2	RGB 222 217 178	#DED9B2
83.3%	83.3% #E5E1C3	RGB 229 225 195	#E5E1C3
100.0%	100.0% #EDEAD5	RGB 237 234 213	#EDEAD5

#C2B96C #C9C17D #D0C98F #D7D1A0 #DED9B2 #E5E1C3 #EDEAD5

#C2B96C - #EDEAD5

HSV混合

#C2B96C - #EDEAD5 | colorate

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

0.0%	0.0% #C2B96C	RGB 194 185 108	#C2B96C
16.7%	16.7% #C9C07B	RGB 201 192 123	#C9C07B
33.3%	33.3% #D0C88B	RGB 208 200 139	#D0C88B
50.0%	50.0% #D7D09C	RGB 215 208 156	#D7D09C
66.7%	66.7% #DED8AE	RGB 222 216 174	#DED8AE
83.3%	83.3% #E5E1C1	RGB 229 225 193	#E5E1C1
100.0%	100.0% #EDEAD5	RGB 237 234 213	#EDEAD5

#C2B96C #C9C07B #D0C88B #D7D09C #DED8AE #E5E1C1 #EDEAD5

#C2B96C - #D7D09C - #EDEAD5

CSS代码

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

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