← Back to dashboard

gradient from navy blue to white

Model: simple_openai | Tier: simple | ID: b4eb3249-6a20-4e83-8573-bb0c813d7567_3dcf7949bffacc56 | 1 elements

0.250
Editability
1.000
Coverage
0.250
Purity
0.250
Crosstalk
1.000
Compact
1.000
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

center medium blue-gray gradient: 0
right-center light gray gradient:
right white section:
top white border:

Elements — click to highlight

#TagConceptPurityContributions
0 rect center medium blue-g
0.250
center mediu
1.000
right-center
1.000
right white
1.000
top white bo
1.000

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="400" viewBox="0 0 1200 400" role="img" aria-label="Smooth horizontal gradient from deep navy blue to white"> <!-- Step-by-Step Analysis: 1) The image is a clean, minimalist rectangle filled entirely by a horizontal gradient. 2) Left edge starts as very dark, deep navy blue. 3) The gradient transitions smoothly, lightening through muted blue-grey tones near the center. 4) Right edge finishes as bright white. 5) No additional shapes, text, or borders are present. --> <defs> <linearGradient id="navyToWhite" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#071427"/> <!-- deep navy --> <stop offset="35%" stop-color="#1A2E46"/> <!-- dark blue --> <stop offset="60%" stop-color="#6F8293"/> <!-- muted blue-grey --> <stop offset="80%" stop-color="#C9D2DA"/> <!-- very light blue-grey --> <stop offset="100%" stop-color="#FFFFFF"/> <!-- white --> </linearGradient> </defs> <rect x="0" y="0" width="1200" height="400" fill="url(#navyToWhite)"/> </svg>