#FF000F - #FF5100 | colorate

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

Blend #FF000F to #FF5100

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

RGB混合

#FF000F - #FF5100 | colorate

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

0.0%	0.0% #FF000F	RGB 255 0 15	#FF000F
16.7%	16.7% #FF0D0C	RGB 255 13 12	#FF0D0C
33.3%	33.3% #FF1B0A	RGB 255 27 10	#FF1B0A
50.0%	50.0% #FF2807	RGB 255 40 7	#FF2807
66.7%	66.7% #FF3605	RGB 255 54 5	#FF3605
83.3%	83.3% #FF4302	RGB 255 67 2	#FF4302
100.0%	100.0% #FF5100	RGB 255 81 0	#FF5100

#FF000F #FF0D0C #FF1B0A #FF2807 #FF3605 #FF4302 #FF5100

#FF000F - #FF5100

HSV混合

#FF000F - #FF5100 | colorate

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

0.0%	0.0% #FF000F	RGB 255 0 15	#FF000F
16.7%	16.7% #FF0100	RGB 255 1 0	#FF0100
33.3%	33.3% #FF1100	RGB 255 17 0	#FF1100
50.0%	50.0% #FF2100	RGB 255 33 0	#FF2100
66.7%	66.7% #FF3100	RGB 255 49 0	#FF3100
83.3%	83.3% #FF4100	RGB 255 65 0	#FF4100
100.0%	100.0% #FF5100	RGB 255 81 0	#FF5100

#FF000F #FF0100 #FF1100 #FF2100 #FF3100 #FF4100 #FF5100

#FF000F - #FF2100 - #FF5100

CSS代码

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

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