lukem512/mix.html

## mix.html
<html>
<head>
  <title>Colour Swatch Mixing</title>
  <style>
    .container {
      display: flex;
    }

    .container div {
      width: 100px;
      height: 100px;
      opacity: 0.5;
    }

    .left {
      background-color: blue;
      border-radius: 5px 0 0 5px;
    }

    .right {
      background-color: red;
      border-radius: 0 5px 5px 0;
      margin-left: -50px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="left"></div>
    <div class="right"></div>
  </div>
</body>
</html>
	<html>
	<head>
	<title>Colour Swatch Mixing</title>
	<style>
	.container {
	display: flex;
	}

	.container div {
	width: 100px;
	height: 100px;
	opacity: 0.5;
	}

	.left {
	background-color: blue;
	border-radius: 5px 0 0 5px;
	}

	.right {
	background-color: red;
	border-radius: 0 5px 5px 0;
	margin-left: -50px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<div class="left"></div>
	<div class="right"></div>
	</div>
	</body>
	</html>