#5E2024 - #BA5638 | colorate

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

Blend #5E2024 to #BA5638

#5E2024 #BA5638

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

RGB混合

#5E2024 - #BA5638 | colorate

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

0.0%	0.0% #5E2024	RGB 94 32 36	#5E2024
16.7%	16.7% #6D2927	RGB 109 41 39	#6D2927
33.3%	33.3% #7C322A	RGB 124 50 42	#7C322A
50.0%	50.0% #8C3B2E	RGB 140 59 46	#8C3B2E
66.7%	66.7% #9B4431	RGB 155 68 49	#9B4431
83.3%	83.3% #AA4D34	RGB 170 77 52	#AA4D34
100.0%	100.0% #BA5638	RGB 186 86 56	#BA5638

#5E2024 #6D2927 #7C322A #8C3B2E #9B4431 #AA4D34 #BA5638

#5E2024 - #BA5638

HSV混合

#5E2024 - #BA5638 | colorate

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

0.0%	0.0% #5E2023	RGB 94 32 35	#5E2023
16.7%	16.7% #6D2425	RGB 109 36 37	#6D2425
33.3%	33.3% #7C2B28	RGB 124 43 40	#7C2B28
50.0%	50.0% #8C342C	RGB 140 52 44	#8C342C
66.7%	66.7% #9B3E30	RGB 155 62 48	#9B3E30
83.3%	83.3% #AA4934	RGB 170 73 52	#AA4934
100.0%	100.0% #BA5638	RGB 186 86 56	#BA5638

#5E2023 #6D2425 #7C2B28 #8C342C #9B3E30 #AA4934 #BA5638

#5E2024 - #8C342C - #BA5638

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2023 0%, #8C342C 50%, #BA5638 100%);
    background: -webkit-linear-gradient(top, #5E2023 0%, #8C342C 50%, #BA5638 100%);
    background: linear-gradient(to bottom, #5E2023 0%, #8C342C 50%, #BA5638 100%);
}
</style>