#FFD09B - #CD7D3E | colorate

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

Blend #FFD09B to #CD7D3E

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

RGB混合

#FFD09B - #CD7D3E | colorate

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

0.0%	0.0% #FFD09B	RGB 255 208 155	#FFD09B
16.7%	16.7% #F6C28B	RGB 246 194 139	#F6C28B
33.3%	33.3% #EEB47C	RGB 238 180 124	#EEB47C
50.0%	50.0% #E6A66C	RGB 230 166 108	#E6A66C
66.7%	66.7% #DD985D	RGB 221 152 93	#DD985D
83.3%	83.3% #D58A4D	RGB 213 138 77	#D58A4D
100.0%	100.0% #CD7D3E	RGB 205 125 62	#CD7D3E

#FFD09B #F6C28B #EEB47C #E6A66C #DD985D #D58A4D #CD7D3E

#FFD09B - #CD7D3E

HSV混合

#FFD09B - #CD7D3E | colorate

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

0.0%	0.0% #FFD09B	RGB 255 208 155	#FFD09B
16.7%	16.7% #F6C189	RGB 246 193 137	#F6C189
33.3%	33.3% #EEB378	RGB 238 179 120	#EEB378
50.0%	50.0% #E6A568	RGB 230 165 104	#E6A568
66.7%	66.7% #DD9759	RGB 221 151 89	#DD9759
83.3%	83.3% #D58A4B	RGB 213 138 75	#D58A4B
100.0%	100.0% #CD7D3E	RGB 205 125 62	#CD7D3E

#FFD09B #F6C189 #EEB378 #E6A568 #DD9759 #D58A4B #CD7D3E

#FFD09B - #E6A568 - #CD7D3E

CSS代码

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

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