#FFDB8C - #CD850E | colorate

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

Blend #FFDB8C to #CD850E

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

RGB混合

#FFDB8C - #CD850E | colorate

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

0.0%	0.0% #FFDB8C	RGB 255 219 140	#FFDB8C
16.7%	16.7% #F6CC77	RGB 246 204 119	#F6CC77
33.3%	33.3% #EEBE62	RGB 238 190 98	#EEBE62
50.0%	50.0% #E6B04D	RGB 230 176 77	#E6B04D
66.7%	66.7% #DDA138	RGB 221 161 56	#DDA138
83.3%	83.3% #D59323	RGB 213 147 35	#D59323
100.0%	100.0% #CD850E	RGB 205 133 14	#CD850E

#FFDB8C #F6CC77 #EEBE62 #E6B04D #DDA138 #D59323 #CD850E

#FFDB8C - #CD850E

HSV混合

#FFDB8C - #CD850E | colorate

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

0.0%	0.0% #FFDB8C	RGB 255 219 140	#FFDB8C
16.7%	16.7% #F6CC73	RGB 246 204 115	#F6CC73
33.3%	33.3% #EEBD5C	RGB 238 189 92	#EEBD5C
50.0%	50.0% #E6AF46	RGB 230 175 70	#E6AF46
66.7%	66.7% #DDA032	RGB 221 160 50	#DDA032
83.3%	83.3% #D5921F	RGB 213 146 31	#D5921F
100.0%	100.0% #CD850E	RGB 205 133 14	#CD850E

#FFDB8C #F6CC73 #EEBD5C #E6AF46 #DDA032 #D5921F #CD850E

#FFDB8C - #E6AF46 - #CD850E

CSS代码

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

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