#FF5E2C - #FFB63B | colorate

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

Blend #FF5E2C to #FFB63B

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

RGB混合

#FF5E2C - #FFB63B | colorate

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

0.0%	0.0% #FF5E2C	RGB 255 94 44	#FF5E2C
16.7%	16.7% #FF6C2E	RGB 255 108 46	#FF6C2E
33.3%	33.3% #FF7B31	RGB 255 123 49	#FF7B31
50.0%	50.0% #FF8A33	RGB 255 138 51	#FF8A33
66.7%	66.7% #FF9836	RGB 255 152 54	#FF9836
83.3%	83.3% #FFA738	RGB 255 167 56	#FFA738
100.0%	100.0% #FFB63B	RGB 255 182 59	#FFB63B

#FF5E2C #FF6C2E #FF7B31 #FF8A33 #FF9836 #FFA738 #FFB63B

#FF5E2C - #FFB63B

HSV混合

#FF5E2C - #FFB63B | colorate

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

0.0%	0.0% #FF5E2B	RGB 255 94 43	#FF5E2B
16.7%	16.7% #FF6D2E	RGB 255 109 46	#FF6D2E
33.3%	33.3% #FF7C30	RGB 255 124 48	#FF7C30
50.0%	50.0% #FF8B33	RGB 255 139 51	#FF8B33
66.7%	66.7% #FF9936	RGB 255 153 54	#FF9936
83.3%	83.3% #FFA838	RGB 255 168 56	#FFA838
100.0%	100.0% #FFB63B	RGB 255 182 59	#FFB63B

#FF5E2B #FF6D2E #FF7C30 #FF8B33 #FF9936 #FFA838 #FFB63B

#FF5E2C - #FF8B33 - #FFB63B

CSS代码

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

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