#5E061B - #16070D | colorate

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

Blend #5E061B to #16070D

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

RGB混合

#5E061B - #16070D | colorate

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

0.0%	0.0% #5E061B	RGB 94 6 27	#5E061B
16.7%	16.7% #520618	RGB 82 6 24	#520618
33.3%	33.3% #460616	RGB 70 6 22	#460616
50.0%	50.0% #3A0614	RGB 58 6 20	#3A0614
66.7%	66.7% #2E0611	RGB 46 6 17	#2E0611
83.3%	83.3% #22060F	RGB 34 6 15	#22060F
100.0%	100.0% #16070D	RGB 22 7 13	#16070D

#5E061B #520618 #460616 #3A0614 #2E0611 #22060F #16070D

#5E061B - #16070D

HSV混合

#5E061B - #16070D | colorate

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

0.0%	0.0% #5E051B	RGB 94 5 27	#5E051B
16.7%	16.7% #52081C	RGB 82 8 28	#52081C
33.3%	33.3% #460A1B	RGB 70 10 27	#460A1B
50.0%	50.0% #3A0B1A	RGB 58 11 26	#3A0B1A
66.7%	66.7% #2E0A16	RGB 46 10 22	#2E0A16
83.3%	83.3% #220912	RGB 34 9 18	#220912
100.0%	100.0% #16070D	RGB 22 7 13	#16070D

#5E051B #52081C #460A1B #3A0B1A #2E0A16 #220912 #16070D

#5E061B - #3A0B1A - #16070D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E051B 0%, #3A0B1A 50%, #16070D 100%);
    background: -webkit-linear-gradient(top, #5E051B 0%, #3A0B1A 50%, #16070D 100%);
    background: linear-gradient(to bottom, #5E051B 0%, #3A0B1A 50%, #16070D 100%);
}
</style>