#5E7B84 - #D1D9DB | 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 #5E7B84 a #D1D9DB

#5E7B84 #D1D9DB

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

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

0.0%	0.0% #5E7B84	RGB 94 123 132	#5E7B84
16.7%	16.7% #718A92	RGB 113 138 146	#718A92
33.3%	33.3% #849AA1	RGB 132 154 161	#849AA1
50.0%	50.0% #97AAAF	RGB 151 170 175	#97AAAF
66.7%	66.7% #AAB9BE	RGB 170 185 190	#AAB9BE
83.3%	83.3% #BDC9CC	RGB 189 201 204	#BDC9CC
100.0%	100.0% #D1D9DB	RGB 209 217 219	#D1D9DB

#5E7B84 #718A92 #849AA1 #97AAAF #AAB9BE #BDC9CC #D1D9DB

#5E7B84 - #D1D9DB

Miscela HSV

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

0.0%	0.0% #5E7B84	RGB 94 123 132	#5E7B84
16.7%	16.7% #6E8A92	RGB 110 138 146	#6E8A92
33.3%	33.3% #7F99A1	RGB 127 153 161	#7F99A1
50.0%	50.0% #92A9AF	RGB 146 169 175	#92A9AF
66.7%	66.7% #A5B8BE	RGB 165 184 190	#A5B8BE
83.3%	83.3% #BAC8CC	RGB 186 200 204	#BAC8CC
100.0%	100.0% #D1D9DB	RGB 209 217 219	#D1D9DB

#5E7B84 #6E8A92 #7F99A1 #92A9AF #A5B8BE #BAC8CC #D1D9DB

#5E7B84 - #92A9AF - #D1D9DB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B84 0%, #92A9AF 50%, #D1D9DB 100%);
    background: -webkit-linear-gradient(top, #5E7B84 0%, #92A9AF 50%, #D1D9DB 100%);
    background: linear-gradient(to bottom, #5E7B84 0%, #92A9AF 50%, #D1D9DB 100%);
}
</style>