#6B5200 - #DC9116 | colorate

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

Blend #6B5200 to #DC9116

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

RGB混合

#6B5200 - #DC9116 | colorate

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

0.0%	0.0% #6B5200	RGB 107 82 0	#6B5200
16.7%	16.7% #7D5C03	RGB 125 92 3	#7D5C03
33.3%	33.3% #906707	RGB 144 103 7	#906707
50.0%	50.0% #A3710B	RGB 163 113 11	#A3710B
66.7%	66.7% #B67C0E	RGB 182 124 14	#B67C0E
83.3%	83.3% #C98612	RGB 201 134 18	#C98612
100.0%	100.0% #DC9116	RGB 220 145 22	#DC9116

#6B5200 #7D5C03 #906707 #A3710B #B67C0E #C98612 #DC9116

#6B5200 - #DC9116

HSV混合

#6B5200 - #DC9116 | colorate

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

0.0%	0.0% #6B5200	RGB 107 82 0	#6B5200
16.7%	16.7% #7D5D02	RGB 125 93 2	#7D5D02
33.3%	33.3% #906904	RGB 144 105 4	#906904
50.0%	50.0% #A37308	RGB 163 115 8	#A37308
66.7%	66.7% #B67E0C	RGB 182 126 12	#B67E0C
83.3%	83.3% #C98710	RGB 201 135 16	#C98710
100.0%	100.0% #DC9116	RGB 220 145 22	#DC9116

#6B5200 #7D5D02 #906904 #A37308 #B67E0C #C98710 #DC9116

#6B5200 - #A37308 - #DC9116

CSS代码

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

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