#FF8F00 - #E5CD18 | colorate

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

Blend #FF8F00 to #E5CD18

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

RGB混合

#FF8F00 - #E5CD18 | colorate

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

0.0%	0.0% #FF8F00	RGB 255 143 0	#FF8F00
16.7%	16.7% #FA9904	RGB 250 153 4	#FA9904
33.3%	33.3% #F6A308	RGB 246 163 8	#F6A308
50.0%	50.0% #F2AE0C	RGB 242 174 12	#F2AE0C
66.7%	66.7% #EDB810	RGB 237 184 16	#EDB810
83.3%	83.3% #E9C214	RGB 233 194 20	#E9C214
100.0%	100.0% #E5CD18	RGB 229 205 24	#E5CD18

#FF8F00 #FA9904 #F6A308 #F2AE0C #EDB810 #E9C214 #E5CD18

#FF8F00 - #E5CD18

HSV混合

#FF8F00 - #E5CD18 | colorate

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

0.0%	0.0% #FF8F00	RGB 255 143 0	#FF8F00
16.7%	16.7% #FA9B04	RGB 250 155 4	#FA9B04
33.3%	33.3% #F6A708	RGB 246 167 8	#F6A708
50.0%	50.0% #F2B20C	RGB 242 178 12	#F2B20C
66.7%	66.7% #EDBC10	RGB 237 188 16	#EDBC10
83.3%	83.3% #E9C414	RGB 233 196 20	#E9C414
100.0%	100.0% #E5CD18	RGB 229 205 24	#E5CD18

#FF8F00 #FA9B04 #F6A708 #F2B20C #EDBC10 #E9C414 #E5CD18

#FF8F00 - #F2B20C - #E5CD18

CSS代码

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

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