# Gradiente lavanda: codici per viola morbidi [Canonical HTML page](https://gradiently.design/it/guide/lavender-gradient) La lavanda è un viola con il volume abbassato: calmo, un po' sognante, mai urlato. La parte difficile è tenerla morbida senza farla diventare grigia o stucchevole. Questi codici riescono in entrambe. ## The short version - Un gradiente lavanda mescola viola pallidi e leggermente bluastri, spesso con bianco, rosa tenue, pesca o un blu morbido. - La lavanda diventa grigia quando i suoi punti sono troppo desaturati, e diventa stucchevole quando ogni punto è rosa pastello e viola. - Un compagno caldo come pesca o burro, o un verde freddo come la salvia, dà carattere alla lavanda. - Il testo bianco non si legge sulla lavanda pallida; una prugna scura come #2e1065 sì. - La lavanda è adatta a benessere, sonno, matrimoni, bellezza e prodotti digitali calmi. Un **gradiente lavanda** mescola viola pallidi e dolcemente bluastri, di solito da quasi bianco a un lilla delicato o a un pervinca. Dà un’idea di calma, leggerezza e sogno, ed è per questo che i brand di benessere, sonno, bellezza e matrimoni lo amano. Con la lavanda vanno storte due cose: togli troppo colore e diventa un grigio polveroso, aggiungi troppo rosa e diventa stucchevole. Tieni un punto chiaramente colorato, abbinalo a un compagno caldo o verde e scrivi le tue parole in prugna scuro. ## Lavanda, lilla, pervinca e malva I viola morbidi hanno diversi nomi, e ognuno tende in una direzione diversa. Sapere quale vuoi rende più facile la miscela: lavanda e pervinca tendono al blu, lilla e malva tendono al rosa. - Foschia di lavanda: #f5f3ff - Lavanda: #e6e0f8 - Viola morbido: #ddd6fe - Lilla: #c4b5fd - Pervinca: #c7d2fe - Orchidea: #d8b4e2 - Malva: #b497bd - Inchiostro prugna: #2e1065 La famiglia dei viola morbidi e una prugna scura per il testo. Lavanda e pervinca sono più fredde; orchidea e malva sono più calde. ## Gradienti lavanda pallidi Sono i più tranquilli, i più vicini al bianco, per sfondi che reggono molto testo: menu di una sala da tè, una newsletter, le schermate di benvenuto di un’app. Sono appena percettibili, quindi usali dove il punto è il contenuto. - Foschia di lavanda: `linear-gradient(180deg, #faf9ff 0%, #e6e0f8 100%)` - Viola morbido: `linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 100%)` - Velo di pervinca: `linear-gradient(135deg, #eef2ff 0%, #e6e0f8 50%, #f5f3ff 100%)` - Luce lilla: `radial-gradient(circle at 70% 25%, #ddd6fe 0%, #f5f3ff 55%, #ffffff 100%)` Lavande quasi bianche. Ognuna tiene un punto con colore vero così non si legge mai come grigio. ## Gradienti lilla e pervinca Un gradino più scura, la lavanda diventa un colore chiaro e non più una tinta. Da lilla a pervinca ottieni una miscela fredda e moderna che sta bene sugli schermi dei telefoni; da lilla a orchidea è più calda e più romantica. Tieni entrambe le estremità a una luminosità simile e la miscela resta morbida. - Da lilla a pervinca: `linear-gradient(135deg, #c4b5fd 0%, #a5b4fc 100%)` - Da lilla a orchidea: `linear-gradient(135deg, #ddd6fe 0%, #d8b4e2 100%)` - Lilla del crepuscolo: `linear-gradient(160deg, #e0e7ff 0%, #c4b5fd 50%, #a78bfa 100%)` - Dall’azzurro baby al lilla: `linear-gradient(90deg, #bfdbfe 0%, #c4b5fd 100%)` Lavande medie. Quelle che tendono al blu sembrano digitali e calme; quelle che tendono al rosa sembrano romantiche. ## Lavanda con pesca, burro o salvia Da sola, la lavanda può sembrare troppo dolce. Un compagno fuori dalla famiglia dei viola lo risolve. Pesca e burro aggiungono calore e fanno sembrare la lavanda una luce di prima sera. La salvia aggiunge qualcosa di adulto e botanico, ed è per questo che lavanda e salvia è un abbinamento così amato per i matrimoni. A queste tinte pallide i colori opposti si mescolano senza diventare fangosi, perché c’è poca saturazione da perdere. I [gradienti pastello](https://gradiently.design/it/guide/pastel-gradients) tratta questo principio su tutta la ruota. - Lavanda e pesca: `linear-gradient(135deg, #ddd6fe 0%, #fde2cf 100%)` - Lavanda e burro: `linear-gradient(135deg, #e6e0f8 0%, #fef3c7 100%)` - Lavanda e salvia: `linear-gradient(135deg, #e6e0f8 0%, #dbe5d4 100%)` - Cielo di sera: `linear-gradient(180deg, #c7d2fe 0%, #ddd6fe 45%, #fbcfe8 100%)` Lavanda con un compagno. Ognuno la rende meno dolce e più simile a un luogo o a un momento del giorno. ## Gradienti lavanda al crepuscolo Portando la lavanda giù verso il viola o la prugna ottieni il crepuscolo: ancora morbido in alto, ricco in basso. Funzionano per app del sonno, brand di candele, yoga serale, profumi e librerie. L’estremità scura dà anche al testo bianco un posto dove stare. Per l’intera gamma dei viola più decisi, vedi i [gradienti viola](https://gradiently.design/it/guide/purple-gradient). - Crepuscolo: `linear-gradient(180deg, #e6e0f8 0%, #a78bfa 50%, #4c1d95 100%)` - Ora di dormire: `linear-gradient(180deg, #ddd6fe 0%, #8b5cf6 55%, #2e1065 100%)` - Crepuscolo malva: `radial-gradient(circle at 50% 20%, #ede9fe 0%, #b497bd 40%, #4a2e5c 100%)` Lavanda in alto, prugna in basso. Metti i titoli nella metà inferiore in bianco, o nella metà superiore in prugna. ## Idee di gradiente lavanda da pubblicare questa settimana La lavanda viene spesso scelta perché è piacevole, poi usata senza un piano. Ecco pezzi precisi in cui aiuta davvero: - **Un’app per il sonno o la meditazione:** «Ora di dormire» come sfondo di benvenuto, testo prugna in alto, il pulsante nell’area viola scuro. - **Un post di un fiorista per la Festa della mamma a 1080×1350:** «Lavanda e pesca» con una sola riga, «Gli ordini chiudono giovedì.» - **Un lancio di prodotti per la pelle:** «Foschia di lavanda» dietro le foto dei prodotti, così è la confezione a portare il colore. - **Un banner LinkedIn per una terapeuta o un coach a 1584×396:** «Velo di pervinca» si legge calmo e professionale senza il freddo del blu aziendale. - **Un listino di una spa su un poster A4:** «Lavanda e salvia» con testo melanzana, leggibile da un capo all’altro della reception. ## Come evitare una lavanda grigia o stucchevole ### Diventa grigia o stucchevole - Ogni punto desaturato, come `#e2e0e6` - Lavanda accanto a un grigio freddo - Lavanda, rosa baby e viola tutti insieme - Testo bianco su un lilla pallido ### Resta morbida e chiara - Almeno un punto con colore chiaro, come `#c4b5fd` - Lavanda accanto a un bianco caldo o alla crema - Un solo compagno: pesca, burro o salvia - Testo prugna scuro sulle aree pallide Un controllo utile: metti un campione di grigio puro accanto alla tua lavanda. Se fai fatica a distinguerli a colpo d’occhio, spingi il colore un po' più su. Controlla anche su un telefono con poca luminosità, dove le tinte molto pallide si perdono facilmente. ## Il testo su un gradiente lavanda La lavanda è molto chiara, quindi il testo bianco fallisce su quasi tutta: bianco su lilla `#c4b5fd` misura meno di 2 a 1. Prugna scuro `#2e1065` sullo stesso lilla misura più di 8 a 1, e tiene il testo dentro la famiglia dei viola invece della durezza del nero. Per un aspetto più morbido sulle lavande più pallide, una melanzana attenuata come `#3b2f4a` passa comunque senza problemi. [Contrasto dei colori e accessibilità](https://gradiently.design/it/guide/color-contrast-accessibility) ha i dettagli. Un invito save the date per un matrimonio con testo prugna scuro su un gradiente lavanda pallida e pesca Un invito da 5×7 pollici a 300 dpi, in lavanda pallida con testo prugna. Lo stesso progetto save the date come storia alta per telefono sul gradiente lavanda Lo stesso progetto come storia per condividere la notizia, reso alla sua dimensione. Con Pro, Gradiently può portare quel progetto dalla stampa a ogni formato social in un solo passaggio: il Mark si genera da capo in ogni formato, e l’inchiostro automatico sceglie testo chiaro o scuro riga per riga dalla palette del Mark. Per saperne di più sul lato cancelleria, vedi le [palette di colori per matrimoni](https://gradiently.design/it/guide/wedding-color-palettes). ## CSS del gradiente lavanda Per impostazione predefinita i browser mescolano i colori dei gradienti in sRGB, il che può spegnere il centro di una miscela tra due tinte. Interpolare in OKLCH mantiene pulito il punto medio, e un valore esadecimale di riserva copre i browser che non lo supportano. Vedi i [gradienti CSS in OKLCH](https://gradiently.design/it/guide/css-gradient-oklch) per il supporto. ```css .card-lavender { background: linear-gradient(135deg, #f5f3ff, #ddd6fe, #fde2cf); color: #2e1065; } @supports (background: linear-gradient(in oklch, red, blue)) { .card-lavender { background: linear-gradient(in oklch 135deg, #f5f3ff, #ddd6fe, #fde2cf); } } ``` Dalla foschia di lavanda al viola morbido alla pesca, con testo prugna. La versione OKLCH mantiene la miscela luminosa al centro. ## FAQ ### Qual è il codice esadecimale della lavanda? Il colore CSS con nome `lavender` è `#e6e6fa`, un viola bluastro molto pallido. Molti designer usano versioni un po' più ricche come `#e6e0f8` o `#ddd6fe`. ### Quali colori stanno bene con un gradiente lavanda? Pesca, giallo burro, verde salvia, crema e blu morbido. Una prugna scura funziona bene per il testo. ### Perché il mio gradiente lavanda sembra grigio? I punti sono troppo desaturati o stanno accanto a un grigio freddo. Dai almeno a un punto un colore chiaro e abbinalo a un bianco caldo invece che al grigio. ### Qual è la differenza tra lavanda e lilla? La lavanda tende leggermente al blu ed è di solito più pallida; il lilla tende leggermente al rosa ed è un po' più intenso. ### Che colore di testo si usa sulla lavanda? Prugna scuro o melanzana, come `#2e1065`. Il testo bianco non supera il contrasto sulla lavanda pallida.