#5E5884 - #D1CFDB | 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 #5E5884 a #D1CFDB

#5E5884 #D1CFDB

Calcola il colore tra due colori, #5E5884 e #D1CFDB. 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)

#5E5884 - #D1CFDB | 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 #5E5884 come 0% e #D1CFDB come 100%.

0.0%	0.0% #5E5884	RGB 94 88 132	#5E5884
16.7%	16.7% #716B92	RGB 113 107 146	#716B92
33.3%	33.3% #847FA1	RGB 132 127 161	#847FA1
50.0%	50.0% #9793AF	RGB 151 147 175	#9793AF
66.7%	66.7% #AAA7BE	RGB 170 167 190	#AAA7BE
83.3%	83.3% #BDBBCC	RGB 189 187 204	#BDBBCC
100.0%	100.0% #D1CFDB	RGB 209 207 219	#D1CFDB

#5E5884 #716B92 #847FA1 #9793AF #AAA7BE #BDBBCC #D1CFDB

#5E5884 - #D1CFDB

Miscela HSV

#5E5884 - #D1CFDB | 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 #5E5884 come 0% e #D1CFDB come 100%.

0.0%	0.0% #5E5884	RGB 94 88 132	#5E5884
16.7%	16.7% #6E6892	RGB 110 104 146	#6E6892
33.3%	33.3% #7F7AA1	RGB 127 122 161	#7F7AA1
50.0%	50.0% #928DAF	RGB 146 141 175	#928DAF
66.7%	66.7% #A6A1BE	RGB 166 161 190	#A6A1BE
83.3%	83.3% #BBB7CC	RGB 187 183 204	#BBB7CC
100.0%	100.0% #D1CFDB	RGB 209 207 219	#D1CFDB

#5E5884 #6E6892 #7F7AA1 #928DAF #A6A1BE #BBB7CC #D1CFDB

#5E5884 - #928DAF - #D1CFDB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5884 0%, #928DAF 50%, #D1CFDB 100%);
    background: -webkit-linear-gradient(top, #5E5884 0%, #928DAF 50%, #D1CFDB 100%);
    background: linear-gradient(to bottom, #5E5884 0%, #928DAF 50%, #D1CFDB 100%);
}
</style>