#C6B5E1 - #C4DDE8 | 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 #C6B5E1 a #C4DDE8

#C6B5E1 #C4DDE8

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

#C6B5E1 - #C4DDE8 | 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 #C6B5E1 come 0% e #C4DDE8 come 100%.

0.0%	0.0% #C6B5E1	RGB 198 181 225	#C6B5E1
16.7%	16.7% #C5BBE2	RGB 197 187 226	#C5BBE2
33.3%	33.3% #C5C2E3	RGB 197 194 227	#C5C2E3
50.0%	50.0% #C5C9E4	RGB 197 201 228	#C5C9E4
66.7%	66.7% #C4CFE5	RGB 196 207 229	#C4CFE5
83.3%	83.3% #C4D6E6	RGB 196 214 230	#C4D6E6
100.0%	100.0% #C4DDE8	RGB 196 221 232	#C4DDE8

#C6B5E1 #C5BBE2 #C5C2E3 #C5C9E4 #C4CFE5 #C4D6E6 #C4DDE8

#C6B5E1 - #C4DDE8

Miscela HSV

#C6B5E1 - #C4DDE8 | 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 #C6B5E1 come 0% e #C4DDE8 come 100%.

0.0%	0.0% #C6B5E1	RGB 198 181 225	#C6B5E1
16.7%	16.7% #C0B7E2	RGB 192 183 226	#C0B7E2
33.3%	33.3% #BBB9E3	RGB 187 185 227	#BBB9E3
50.0%	50.0% #BCC2E4	RGB 188 194 228	#BCC2E4
66.7%	66.7% #BECBE5	RGB 190 203 229	#BECBE5
83.3%	83.3% #C1D4E6	RGB 193 212 230	#C1D4E6
100.0%	100.0% #C4DDE8	RGB 196 221 232	#C4DDE8

#C6B5E1 #C0B7E2 #BBB9E3 #BCC2E4 #BECBE5 #C1D4E6 #C4DDE8

#C6B5E1 - #BCC2E4 - #C4DDE8

Codici CSS

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

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