color code added on tiles

Author: geekyorion

src/components/gradients/gradients.css

@@ -57,6 +57,16 @@
     margin: 10px;
 }
 
+.hexCodes {
+    color: white;
+    font-size: .88em;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    margin: 0 auto;
+    width: 100%;
+}
+
 @keyframes animate {
     0% {
         background-position: 0%;

src/components/gradients/gradients.jsx

@@ -64,6 +64,9 @@ export default class Gradients extends React.Component {
                             <span>&#10005;</span>
                         </Button>
                     }
+                    <div className="hexCodes">
+                        <span>#{hexGenerator(value.color1).HEX} &#8658; #{hexGenerator(value.color2).HEX}</span>
+                    </div>
                     <Button variant="info" className="modify-gradient">
                         <Link to={{ pathname: '/modify', state: { color1: value.color1, color2: value.color2 } }} className="modify-link">
                             View / Modify