#5E3D05 - #C5791C | colorate

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

Blend #5E3D05 to #C5791C

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

RGB混合

#5E3D05 - #C5791C | colorate

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

0.0%	0.0% #5E3D05	RGB 94 61 5	#5E3D05
16.7%	16.7% #6F4708	RGB 111 71 8	#6F4708
33.3%	33.3% #80510C	RGB 128 81 12	#80510C
50.0%	50.0% #915B10	RGB 145 91 16	#915B10
66.7%	66.7% #A26514	RGB 162 101 20	#A26514
83.3%	83.3% #B36F18	RGB 179 111 24	#B36F18
100.0%	100.0% #C5791C	RGB 197 121 28	#C5791C

#5E3D05 #6F4708 #80510C #915B10 #A26514 #B36F18 #C5791C

#5E3D05 - #C5791C

HSV混合

#5E3D05 - #C5791C | colorate

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

0.0%	0.0% #5E3D04	RGB 94 61 4	#5E3D04
16.7%	16.7% #6F4707	RGB 111 71 7	#6F4707
33.3%	33.3% #80510A	RGB 128 81 10	#80510A
50.0%	50.0% #915B0E	RGB 145 91 14	#915B0E
66.7%	66.7% #A26512	RGB 162 101 18	#A26512
83.3%	83.3% #B36F16	RGB 179 111 22	#B36F16
100.0%	100.0% #C5791C	RGB 197 121 28	#C5791C

#5E3D04 #6F4707 #80510A #915B0E #A26512 #B36F16 #C5791C

#5E3D05 - #915B0E - #C5791C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D04 0%, #915B0E 50%, #C5791C 100%);
    background: -webkit-linear-gradient(top, #5E3D04 0%, #915B0E 50%, #C5791C 100%);
    background: linear-gradient(to bottom, #5E3D04 0%, #915B0E 50%, #C5791C 100%);
}
</style>