#5E7A8A - #D1D9DD | 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 #5E7A8A a #D1D9DD

#5E7A8A #D1D9DD

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

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

0.0%	0.0% #5E7A8A	RGB 94 122 138	#5E7A8A
16.7%	16.7% #718997	RGB 113 137 151	#718997
33.3%	33.3% #8499A5	RGB 132 153 165	#8499A5
50.0%	50.0% #97A9B3	RGB 151 169 179	#97A9B3
66.7%	66.7% #AAB9C1	RGB 170 185 193	#AAB9C1
83.3%	83.3% #BDC9CF	RGB 189 201 207	#BDC9CF
100.0%	100.0% #D1D9DD	RGB 209 217 221	#D1D9DD

#5E7A8A #718997 #8499A5 #97A9B3 #AAB9C1 #BDC9CF #D1D9DD

#5E7A8A - #D1D9DD

Miscela HSV

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

0.0%	0.0% #5E7A8A	RGB 94 122 138	#5E7A8A
16.7%	16.7% #6E8897	RGB 110 136 151	#6E8897
33.3%	33.3% #7F98A5	RGB 127 152 165	#7F98A5
50.0%	50.0% #92A7B3	RGB 146 167 179	#92A7B3
66.7%	66.7% #A5B7C1	RGB 165 183 193	#A5B7C1
83.3%	83.3% #BAC8CF	RGB 186 200 207	#BAC8CF
100.0%	100.0% #D1D9DD	RGB 209 217 221	#D1D9DD

#5E7A8A #6E8897 #7F98A5 #92A7B3 #A5B7C1 #BAC8CF #D1D9DD

#5E7A8A - #92A7B3 - #D1D9DD

Codici CSS

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

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