Gradiente lavanda: codici per viola morbidi

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.

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.

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.

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 tratta questo principio su tutta la ruota.

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.

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

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à ha i dettagli.

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.

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 per il supporto.

.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);
  }
}