Bell Bottom Blues Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Bell Bottom Blues palette
Bell Bottom Blues color palette PNG image
Bell Bottom Blues color palette CSS
/* CSS */
.color-1 {
color: #a3c7e0;
}
.color-2 {
color: #6a9dd7;
}
.color-3 {
color: #3a7d9c;
}
.color-4 {
color: #239a7a;
}
.color-5 {
color: #1c6d4d;
}
/* CSS Variables */
:root {
--color-1: #a3c7e0;
--color-2: #6a9dd7;
--color-3: #3a7d9c;
--color-4: #239a7a;
--color-5: #1c6d4d;
} Bell Bottom Blues background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c7e0, #6a9dd7, #3a7d9c, #239a7a, #1c6d4d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c7e0, #6a9dd7, #3a7d9c, #239a7a, #1c6d4d);
} Similar color palettes
Scroll down to explore 300+ Blue color palettes
Bell Bottom Blues color palette created on .