#E6B5D3 - #D3CDE4 | 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 #E6B5D3 a #D3CDE4

#E6B5D3 #D3CDE4

Calcola il colore tra due colori, #E6B5D3 e #D3CDE4. 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)

#E6B5D3 - #D3CDE4 | 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 #E6B5D3 come 0% e #D3CDE4 come 100%.

0.0%	0.0% #E6B5D3	RGB 230 181 211	#E6B5D3
16.7%	16.7% #E2B9D5	RGB 226 185 213	#E2B9D5
33.3%	33.3% #DFBDD8	RGB 223 189 216	#DFBDD8
50.0%	50.0% #DCC1DB	RGB 220 193 219	#DCC1DB
66.7%	66.7% #D9C5DE	RGB 217 197 222	#D9C5DE
83.3%	83.3% #D6C9E1	RGB 214 201 225	#D6C9E1
100.0%	100.0% #D3CDE4	RGB 211 205 228	#D3CDE4

#E6B5D3 #E2B9D5 #DFBDD8 #DCC1DB #D9C5DE #D6C9E1 #D3CDE4

#E6B5D3 - #D3CDE4

Miscela HSV

#E6B5D3 - #D3CDE4 | 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 #E6B5D3 come 0% e #D3CDE4 come 100%.

0.0%	0.0% #E6B5D3	RGB 230 181 211	#E6B5D3
16.7%	16.7% #E5B9DC	RGB 229 185 220	#E5B9DC
33.3%	33.3% #E5BDE4	RGB 229 189 228	#E5BDE4
50.0%	50.0% #DEC1E5	RGB 222 193 229	#DEC1E5
66.7%	66.7% #D9C5E4	RGB 217 197 228	#D9C5E4
83.3%	83.3% #D5C9E4	RGB 213 201 228	#D5C9E4
100.0%	100.0% #D3CDE4	RGB 211 205 228	#D3CDE4

#E6B5D3 #E5B9DC #E5BDE4 #DEC1E5 #D9C5E4 #D5C9E4 #D3CDE4

#E6B5D3 - #DEC1E5 - #D3CDE4

Codici CSS

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

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