#5E8F8D - #105D4E | 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 #5E8F8D a #105D4E

#5E8F8D #105D4E

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

#5E8F8D - #105D4E | 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 #5E8F8D come 0% e #105D4E come 100%.

0.0%	0.0% #5E8F8D	RGB 94 143 141	#5E8F8D
16.7%	16.7% #518682	RGB 81 134 130	#518682
33.3%	33.3% #447E78	RGB 68 126 120	#447E78
50.0%	50.0% #37766D	RGB 55 118 109	#37766D
66.7%	66.7% #2A6D63	RGB 42 109 99	#2A6D63
83.3%	83.3% #1D6558	RGB 29 101 88	#1D6558
100.0%	100.0% #105D4E	RGB 16 93 78	#105D4E

#5E8F8D #518682 #447E78 #37766D #2A6D63 #1D6558 #105D4E

#5E8F8D - #105D4E

Miscela HSV

#5E8F8D - #105D4E | 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 #5E8F8D come 0% e #105D4E come 100%.

0.0%	0.0% #5E8F8D	RGB 94 143 141	#5E8F8D
16.7%	16.7% #4D8682	RGB 77 134 130	#4D8682
33.3%	33.3% #3E7E78	RGB 62 126 120	#3E7E78
50.0%	50.0% #30766D	RGB 48 118 109	#30766D
66.7%	66.7% #246D63	RGB 36 109 99	#246D63
83.3%	83.3% #196558	RGB 25 101 88	#196558
100.0%	100.0% #105D4E	RGB 16 93 78	#105D4E

#5E8F8D #4D8682 #3E7E78 #30766D #246D63 #196558 #105D4E

#5E8F8D - #30766D - #105D4E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F8D 0%, #30766D 50%, #105D4E 100%);
    background: -webkit-linear-gradient(top, #5E8F8D 0%, #30766D 50%, #105D4E 100%);
    background: linear-gradient(to bottom, #5E8F8D 0%, #30766D 50%, #105D4E 100%);
}
</style>