#5E5D6B - #D0D0D4 | 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 #5E5D6B a #D0D0D4

#5E5D6B #D0D0D4

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

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

0.0%	0.0% #5E5D6B	RGB 94 93 107	#5E5D6B
16.7%	16.7% #71707C	RGB 113 112 124	#71707C
33.3%	33.3% #84838E	RGB 132 131 142	#84838E
50.0%	50.0% #97969F	RGB 151 150 159	#97969F
66.7%	66.7% #AAA9B1	RGB 170 169 177	#AAA9B1
83.3%	83.3% #BDBCC2	RGB 189 188 194	#BDBCC2
100.0%	100.0% #D0D0D4	RGB 208 208 212	#D0D0D4

#5E5D6B #71707C #84838E #97969F #AAA9B1 #BDBCC2 #D0D0D4

#5E5D6B - #D0D0D4

Miscela HSV

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

0.0%	0.0% #5E5D6B	RGB 94 93 107	#5E5D6B
16.7%	16.7% #6F6E7C	RGB 111 110 124	#6F6E7C
33.3%	33.3% #81808E	RGB 129 128 142	#81808E
50.0%	50.0% #93939F	RGB 147 147 159	#93939F
66.7%	66.7% #A7A7B1	RGB 167 167 177	#A7A7B1
83.3%	83.3% #BBBBC2	RGB 187 187 194	#BBBBC2
100.0%	100.0% #D0D0D4	RGB 208 208 212	#D0D0D4

#5E5D6B #6F6E7C #81808E #93939F #A7A7B1 #BBBBC2 #D0D0D4

#5E5D6B - #93939F - #D0D0D4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D6B 0%, #93939F 50%, #D0D0D4 100%);
    background: -webkit-linear-gradient(top, #5E5D6B 0%, #93939F 50%, #D0D0D4 100%);
    background: linear-gradient(to bottom, #5E5D6B 0%, #93939F 50%, #D0D0D4 100%);
}
</style>