#D8B5E6 - #CDD6E4 | 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 #D8B5E6 a #CDD6E4

#D8B5E6 #CDD6E4

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

#D8B5E6 - #CDD6E4 | 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 #D8B5E6 come 0% e #CDD6E4 come 100%.

0.0%	0.0% #D8B5E6	RGB 216 181 230	#D8B5E6
16.7%	16.7% #D6BAE5	RGB 214 186 229	#D6BAE5
33.3%	33.3% #D4C0E5	RGB 212 192 229	#D4C0E5
50.0%	50.0% #D2C5E5	RGB 210 197 229	#D2C5E5
66.7%	66.7% #D0CBE4	RGB 208 203 228	#D0CBE4
83.3%	83.3% #CED0E4	RGB 206 208 228	#CED0E4
100.0%	100.0% #CDD6E4	RGB 205 214 228	#CDD6E4

#D8B5E6 #D6BAE5 #D4C0E5 #D2C5E5 #D0CBE4 #CED0E4 #CDD6E4

#D8B5E6 - #CDD6E4

Miscela HSV

#D8B5E6 - #CDD6E4 | 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 #D8B5E6 come 0% e #CDD6E4 come 100%.

0.0%	0.0% #D8B5E6	RGB 216 181 230	#D8B5E6
16.7%	16.7% #D0B9E5	RGB 208 185 229	#D0B9E5
33.3%	33.3% #CABDE5	RGB 202 189 229	#CABDE5
50.0%	50.0% #C6C1E5	RGB 198 193 229	#C6C1E5
66.7%	66.7% #C5C5E4	RGB 197 197 228	#C5C5E4
83.3%	83.3% #C9CEE4	RGB 201 206 228	#C9CEE4
100.0%	100.0% #CDD6E4	RGB 205 214 228	#CDD6E4

#D8B5E6 #D0B9E5 #CABDE5 #C6C1E5 #C5C5E4 #C9CEE4 #CDD6E4

#D8B5E6 - #C6C1E5 - #CDD6E4

Codici CSS

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

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