examinedliving
7/12/2016 - 9:37 PM
Some Good Five-Color Schemes
Some Good Five-Color Schemes
<html><head>
<style type="text/css">
div>div {
float: left;
margin: 5px;
width: 50px;
height: 50px;
}
span:before {content: '';display: table;width: 100%;}
div.d {
float: left;
width: 300px;
overflow: hidden;
margin-right: 5px;
}
/* adds a little fun hover effect */
div>div {
transition: all .5s ease;
transform: scale3d(1,1,1);
box-shadow: none;
position: relative;
z-index: 0;
}
div>div:hover {
box-shadow: 0 0 6px rgba(0,0,0,.5);
transform: scale3d(1.5,1.5,13);
z-index: 1000000;
position: relative;
}
</style>
</head>
<!-- schemes from https://github.com/axiros/terminal_markdown_viewer -->
<body style="float: left;display: block;">
<div class="d" id="d3">
<div style="background-color: rgb(114, 17, 33);"></div>
<div style="background-color: rgb(165, 64, 45);"></div>
<div style="background-color: rgb(241, 81, 86);"></div>
<div style="background-color: rgb(255, 192, 127);"></div>
<div style="background-color: rgb(255, 207, 153);"></div>
<span>
</span>
<div style="background-color: rgb(212, 175, 185);"></div>
<div style="background-color: rgb(209, 207, 226);"></div>
<div style="background-color: rgb(156, 173, 206);"></div>
<div style="background-color: rgb(126, 196, 207);"></div>
<div style="background-color: rgb(82, 178, 207);"></div>
<span>
</span>
<div style="background-color: rgb(114, 17, 33);"></div>
<div style="background-color: rgb(120, 138, 163);"></div>
<div style="background-color: rgb(146, 182, 177);"></div>
<div style="background-color: rgb(178, 201, 171);"></div>
<div style="background-color: rgb(232, 221, 181);"></div>
<span>
</span>
<div style="background-color: rgb(250, 232, 235);"></div>
<div style="background-color: rgb(246, 202, 202);"></div>
<div style="background-color: rgb(228, 194, 198);"></div>
<div style="background-color: rgb(205, 159, 204);"></div>
<div style="background-color: rgb(10, 1, 79);"></div>
<span>
</span>
<div style="background-color: rgb(206, 236, 151);"></div>
<div style="background-color: rgb(244, 179, 147);"></div>
<div style="background-color: rgb(252, 96, 168);"></div>
<div style="background-color: rgb(122, 40, 203);"></div>
<div style="background-color: rgb(73, 67, 104);"></div>
<span>
</span>
<div style="background-color: rgb(27, 153, 139);"></div>
<div style="background-color: rgb(45, 48, 71);"></div>
<div style="background-color: rgb(255, 253, 130);"></div>
<div style="background-color: rgb(255, 155, 113);"></div>
<div style="background-color: rgb(232, 72, 85);"></div>
<span>
</span>
<div style="background-color: rgb(7, 16, 19);"></div>
<div style="background-color: rgb(35, 181, 211);"></div>
<div style="background-color: rgb(117, 171, 188);"></div>
<div style="background-color: rgb(162, 174, 187);"></div>
<div style="background-color: rgb(223, 224, 226);"></div>
<span>
</span>
<div style="background-color: rgb(60, 22, 66);"></div>
<div style="background-color: rgb(8, 99, 117);"></div>
<div style="background-color: rgb(29, 211, 176);"></div>
<div style="background-color: rgb(255, 255, 255);"></div>
<div style="background-color: rgb(255, 255, 255);"></div>
<span>
</span>
<div id="d3" style="background-color: rgb(73, 53, 72);"></div>
<div style="background-color: rgb(75, 78, 109);"></div>
<div style="background-color: rgb(106, 141, 146);"></div>
<div style="background-color: rgb(128, 177, 146);"></div>
<div style="background-color: rgb(161, 232, 135);"></div>
<span>
</span>
<div style="background-color: rgb(17, 157, 164);"></div>
<div style="background-color: rgb(12, 116, 137);"></div>
<div style="background-color: rgb(19, 80, 91);"></div>
<div style="background-color: rgb(4, 4, 4);"></div>
<div style="background-color: rgb(215, 217, 206);"></div>
</div>
<div class="d" id="d2">
<span>
</span>
<div style="background-color: rgb(202, 231, 185);"></div>
<div style="background-color: rgb(243, 222, 138);"></div>
<div style="background-color: rgb(235, 148, 134);"></div>
<div style="background-color: rgb(126, 127, 154);"></div>
<div style="background-color: rgb(151, 167, 179);"></div>
<span>
</span>
<div style="background-color: rgb(239, 249, 240);"></div>
<div style="background-color: rgb(221, 200, 196);"></div>
<div style="background-color: rgb(137, 106, 103);"></div>
<div style="background-color: rgb(107, 77, 87);"></div>
<div style="background-color: rgb(19, 7, 12);"></div>
<span>
</span>
<div style="background-color: rgb(142, 208, 129);"></div>
<div style="background-color: rgb(180, 210, 186);"></div>
<div style="background-color: rgb(220, 226, 170);"></div>
<div style="background-color: rgb(181, 127, 80);"></div>
<div style="background-color: rgb(75, 84, 59);"></div>
<span>
</span>
<div style="background-color: rgb(10, 54, 157);"></div>
<div style="background-color: rgb(68, 114, 202);"></div>
<div style="background-color: rgb(94, 124, 226);"></div>
<div style="background-color: rgb(146, 180, 244);"></div>
<div style="background-color: rgb(207, 222, 231);"></div>
<span>
</span>
<div style="background-color: rgb(0, 0, 0);"></div>
<div style="background-color: rgb(12, 24, 33);"></div>
<div style="background-color: rgb(27, 42, 65);"></div>
<div style="background-color: rgb(50, 74, 95);"></div>
<div style="background-color: rgb(204, 201, 220);"></div>
<span>
</span>
<div style="background-color: rgb(119, 51, 68);"></div>
<div style="background-color: rgb(227, 181, 164);"></div>
<div style="background-color: rgb(245, 233, 226);"></div>
<div style="background-color: rgb(11, 0, 20);"></div>
<div style="background-color: rgb(212, 77, 92);"></div>
<span>
</span>
<span>
</span>
<div style="background-color: rgb(36, 123, 160);"></div>
<div style="background-color: rgb(112, 193, 179);"></div>
<div style="background-color: rgb(178, 219, 191);"></div>
<div style="background-color: rgb(243, 255, 189);"></div>
<div style="background-color: rgb(255, 22, 84);"></div>
<span>
</span>
<div style="background-color: rgb(64, 63, 76);"></div>
<div style="background-color: rgb(44, 43, 60);"></div>
<div style="background-color: rgb(27, 36, 50);"></div>
<div style="background-color: rgb(18, 20, 32);"></div>
<div style="background-color: rgb(183, 109, 104);"></div>
<span>
</span>
<div style="background-color: rgb(82, 209, 220);"></div>
<div style="background-color: rgb(71, 91, 90);"></div>
<div style="background-color: rgb(141, 142, 142);"></div>
<div style="background-color: rgb(163, 169, 170);"></div>
<div style="background-color: rgb(187, 187, 191);"></div>
<span>
</span>
<div style="background-color: rgb(114, 17, 33);"></div>
<div style="background-color: rgb(255, 229, 217);"></div>
<div style="background-color: rgb(255, 202, 212);"></div>
<div style="background-color: rgb(244, 172, 183);"></div>
<div style="background-color: rgb(157, 129, 137);"></div>
</div>
</body></html>