JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<!-- Teil 1 -->
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, white 95%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, white 60%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, white 40%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, white 20%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, white 10%)"></div>
		<div class="box" style="background-color: #94e2d5"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, black 10%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, black 20%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, black 30%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, black 40%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #94e2d5, black 55%)"></div>
		
		<!-- Teil 2 -->
		<div class="box" style="background-color: #cdd6f4"></div>
		<div class="box" style="background-color: #bac2de"></div>
		<div class="box" style="background-color: #a6adc8"></div>
		<div class="box" style="background-color: #9399b2"></div>
		<div class="box" style="background-color: #7f849c"></div>
		<div class="box" style="background-color: #6c7086"></div>
		<div class="box" style="background-color: #585b70"></div>
		<div class="box" style="background-color: #45475a"></div>
		<div class="box" style="background-color: #313244"></div>
		<div class="box" style="background-color: #1e1e2e"></div>
		<div class="box" style="background-color: #181825"></div>
		<div class="box" style="background-color: #11111b"></div>
		
		<!-- Teil 3 -->
		<div class="box" style="background-color: color-mix(in srgb, #eba0ac, white 95%)"></div>
		<div class="box" style="background-color: color-mix(in srgb, #eba0ac, white 60%)"></div>
		<div class="box" style="background-color: color-mix(in srgb,...

CSS

div {
	width: 100%;
	height: 150px;
	}
}