Love and Hate Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Love and Hate palette
Love and Hate color palette PNG image
Love and Hate color palette CSS
/* CSS */
.color-1 {
color: #5c0000;
}
.color-2 {
color: #8c1717;
}
.color-3 {
color: #8a5300;
}
.color-4 {
color: #8a7c00;
}
.color-5 {
color: #8b3c3c;
}
/* CSS Variables */
:root {
--color-1: #5c0000;
--color-2: #8c1717;
--color-3: #8a5300;
--color-4: #8a7c00;
--color-5: #8b3c3c;
} Love and Hate background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c0000, #8c1717, #8a5300, #8a7c00, #8b3c3c);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c0000, #8c1717, #8a5300, #8a7c00, #8b3c3c);
} Similar color palettes
Scroll down to explore 1000+ colors.dark-red color palettes
Love and Hate color palette created on .