#DA9DA5 - #E2FFD5 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #DA9DA5 a #E2FFD5

#DA9DA5 #E2FFD5

Calcola il colore tra due colori, #DA9DA5 e #E2FFD5. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#DA9DA5 - #E2FFD5 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #DA9DA5 come 0% e #E2FFD5 come 100%.

0.0%	0.0% #DA9DA5	RGB 218 157 165	#DA9DA5
16.7%	16.7% #DBADAD	RGB 219 173 173	#DBADAD
33.3%	33.3% #DCBDB5	RGB 220 189 181	#DCBDB5
50.0%	50.0% #DECEBD	RGB 222 206 189	#DECEBD
66.7%	66.7% #DFDEC5	RGB 223 222 197	#DFDEC5
83.3%	83.3% #E0EECD	RGB 224 238 205	#E0EECD
100.0%	100.0% #E2FFD5	RGB 226 255 213	#E2FFD5

#DA9DA5 #DBADAD #DCBDB5 #DECEBD #DFDEC5 #E0EECD #E2FFD5

#DA9DA5 - #E2FFD5

Miscela HSV

#DA9DA5 - #E2FFD5 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #DA9DA5 come 0% e #E2FFD5 come 100%.

0.0%	0.0% #DA9DA5	RGB 218 157 165	#DA9DA5
16.7%	16.7% #E0AFA5	RGB 224 175 165	#E0AFA5
33.3%	33.3% #E6C9AE	RGB 230 201 174	#E6C9AE
50.0%	50.0% #ECE0B7	RGB 236 224 183	#ECE0B7
66.7%	66.7% #EEF2C1	RGB 238 242 193	#EEF2C1
83.3%	83.3% #E7F8CB	RGB 231 248 203	#E7F8CB
100.0%	100.0% #E2FFD5	RGB 226 255 213	#E2FFD5

#DA9DA5 #E0AFA5 #E6C9AE #ECE0B7 #EEF2C1 #E7F8CB #E2FFD5

#DA9DA5 - #ECE0B7 - #E2FFD5

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #DA9DA5 0%, #E2FFD5 100%);
    background: -webkit-linear-gradient(top, #DA9DA5 0%, #E2FFD5 100%);
    background: linear-gradient(to bottom, #DA9DA5 0%, #E2FFD5 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA9DA5 0%, #ECE0B7 50%, #E2FFD5 100%);
    background: -webkit-linear-gradient(top, #DA9DA5 0%, #ECE0B7 50%, #E2FFD5 100%);
    background: linear-gradient(to bottom, #DA9DA5 0%, #ECE0B7 50%, #E2FFD5 100%);
}
</style>