#103617 - #000F1B | colorate

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

Blend #103617 to #000F1B

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

RGB混合

#103617 - #000F1B | colorate

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

0.0%	0.0% #103617	RGB 16 54 23	#103617
16.7%	16.7% #0D2F17	RGB 13 47 23	#0D2F17
33.3%	33.3% #0A2918	RGB 10 41 24	#0A2918
50.0%	50.0% #082219	RGB 8 34 25	#082219
66.7%	66.7% #051C19	RGB 5 28 25	#051C19
83.3%	83.3% #02151A	RGB 2 21 26	#02151A
100.0%	100.0% #000F1B	RGB 0 15 27	#000F1B

#103617 #0D2F17 #0A2918 #082219 #051C19 #02151A #000F1B

#103617 - #000F1B

HSV混合

#103617 - #000F1B | colorate

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

0.0%	0.0% #103616	RGB 16 54 22	#103616
16.7%	16.7% #0C311A	RGB 12 49 26	#0C311A
33.3%	33.3% #082D1E	RGB 8 45 30	#082D1E
50.0%	50.0% #062822	RGB 6 40 34	#062822
66.7%	66.7% #032324	RGB 3 35 36	#032324
83.3%	83.3% #01181F	RGB 1 24 31	#01181F
100.0%	100.0% #000F1B	RGB 0 15 27	#000F1B

#103616 #0C311A #082D1E #062822 #032324 #01181F #000F1B

#103617 - #062822 - #000F1B

CSS代码

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

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