#5E2318 - #3C0606 | colorate

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

Blend #5E2318 to #3C0606

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

RGB混合

#5E2318 - #3C0606 | colorate

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

0.0%	0.0% #5E2318	RGB 94 35 24	#5E2318
16.7%	16.7% #581E15	RGB 88 30 21	#581E15
33.3%	33.3% #521912	RGB 82 25 18	#521912
50.0%	50.0% #4D140F	RGB 77 20 15	#4D140F
66.7%	66.7% #470F0C	RGB 71 15 12	#470F0C
83.3%	83.3% #410A09	RGB 65 10 9	#410A09
100.0%	100.0% #3C0606	RGB 60 6 6	#3C0606

#5E2318 #581E15 #521912 #4D140F #470F0C #410A09 #3C0606

#5E2318 - #3C0606

HSV混合

#5E2318 - #3C0606 | colorate

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

0.0%	0.0% #5E2318	RGB 94 35 24	#5E2318
16.7%	16.7% #581D14	RGB 88 29 20	#581D14
33.3%	33.3% #521710	RGB 82 23 16	#521710
50.0%	50.0% #4D120D	RGB 77 18 13	#4D120D
66.7%	66.7% #470D0A	RGB 71 13 10	#470D0A
83.3%	83.3% #410908	RGB 65 9 8	#410908
100.0%	100.0% #3C0606	RGB 60 6 6	#3C0606

#5E2318 #581D14 #521710 #4D120D #470D0A #410908 #3C0606

#5E2318 - #4D120D - #3C0606

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2318 0%, #4D120D 50%, #3C0606 100%);
    background: -webkit-linear-gradient(top, #5E2318 0%, #4D120D 50%, #3C0606 100%);
    background: linear-gradient(to bottom, #5E2318 0%, #4D120D 50%, #3C0606 100%);
}
</style>