#FF642C - #FDBA3D | colorate

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

Blend #FF642C to #FDBA3D

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

RGB混合

#FF642C - #FDBA3D | colorate

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

0.0%	0.0% #FF642C	RGB 255 100 44	#FF642C
16.7%	16.7% #FE722E	RGB 254 114 46	#FE722E
33.3%	33.3% #FE8031	RGB 254 128 49	#FE8031
50.0%	50.0% #FE8F34	RGB 254 143 52	#FE8F34
66.7%	66.7% #FD9D37	RGB 253 157 55	#FD9D37
83.3%	83.3% #FDAB3A	RGB 253 171 58	#FDAB3A
100.0%	100.0% #FDBA3D	RGB 253 186 61	#FDBA3D

#FF642C #FE722E #FE8031 #FE8F34 #FD9D37 #FDAB3A #FDBA3D

#FF642C - #FDBA3D

HSV混合

#FF642C - #FDBA3D | colorate

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

0.0%	0.0% #FF642B	RGB 255 100 43	#FF642B
16.7%	16.7% #FE732E	RGB 254 115 46	#FE732E
33.3%	33.3% #FE8231	RGB 254 130 49	#FE8231
50.0%	50.0% #FE9034	RGB 254 144 52	#FE9034
66.7%	66.7% #FD9E37	RGB 253 158 55	#FD9E37
83.3%	83.3% #FDAC3A	RGB 253 172 58	#FDAC3A
100.0%	100.0% #FDBA3D	RGB 253 186 61	#FDBA3D

#FF642B #FE732E #FE8231 #FE9034 #FD9E37 #FDAC3A #FDBA3D

#FF642C - #FE9034 - #FDBA3D

CSS代码

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

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