Mermaid Scales Gradient
Deep navy shimmering into aqua and gold.
Open in the gradient generator → Color Stops
#094074
#3C6997
#5ADBFF
#FFDD4A
Mermaid Scales CSS Code
HEX Copy
background: #094074; background: linear-gradient(90deg, #094074 0%, #3C6997 30%, #5ADBFF 65%, #FFDD4A 100%);
RGBA Copy
background: rgba(9, 64, 116, 1.0); background: linear-gradient(90deg, rgba(9, 64, 116, 1.0) 0%, rgba(60, 105, 151, 1.0) 30%, rgba(90, 219, 255, 1.0) 65%, rgba(255, 221, 74, 1.0) 100%);
HSLA Copy
background: hsla(209, 86%, 25%, 1.0); background: linear-gradient(90deg, hsla(209, 86%, 25%, 1.0) 0%, hsla(210, 43%, 41%, 1.0) 30%, hsla(193, 100%, 68%, 1.0) 65%, hsla(49, 100%, 65%, 1.0) 100%);