#DB6A00 - #97330B | colorate

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

Blend #DB6A00 to #97330B

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

RGB混合

#DB6A00 - #97330B | colorate

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

0.0%	0.0% #DB6A00	RGB 219 106 0	#DB6A00
16.7%	16.7% #CF6001	RGB 207 96 1	#CF6001
33.3%	33.3% #C45703	RGB 196 87 3	#C45703
50.0%	50.0% #B94E05	RGB 185 78 5	#B94E05
66.7%	66.7% #AD4507	RGB 173 69 7	#AD4507
83.3%	83.3% #A23C09	RGB 162 60 9	#A23C09
100.0%	100.0% #97330B	RGB 151 51 11	#97330B

#DB6A00 #CF6001 #C45703 #B94E05 #AD4507 #A23C09 #97330B

#DB6A00 - #97330B

HSV混合

#DB6A00 - #97330B | colorate

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

0.0%	0.0% #DB6A00	RGB 219 106 0	#DB6A00
16.7%	16.7% #CF5F02	RGB 207 95 2	#CF5F02
33.3%	33.3% #C45404	RGB 196 84 4	#C45404
50.0%	50.0% #B94B06	RGB 185 75 6	#B94B06
66.7%	66.7% #AD4208	RGB 173 66 8	#AD4208
83.3%	83.3% #A23A09	RGB 162 58 9	#A23A09
100.0%	100.0% #97330B	RGB 151 51 11	#97330B

#DB6A00 #CF5F02 #C45404 #B94B06 #AD4208 #A23A09 #97330B

#DB6A00 - #B94B06 - #97330B

CSS代码

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

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