#5E8A8C - #196359 | 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 #5E8A8C a #196359

#5E8A8C #196359

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

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

0.0%	0.0% #5E8A8C	RGB 94 138 140	#5E8A8C
16.7%	16.7% #528383	RGB 82 131 131	#528383
33.3%	33.3% #477D7B	RGB 71 125 123	#477D7B
50.0%	50.0% #3B7672	RGB 59 118 114	#3B7672
66.7%	66.7% #30706A	RGB 48 112 106	#30706A
83.3%	83.3% #246961	RGB 36 105 97	#246961
100.0%	100.0% #196359	RGB 25 99 89	#196359

#5E8A8C #528383 #477D7B #3B7672 #30706A #246961 #196359

#5E8A8C - #196359

Miscela HSV

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

0.0%	0.0% #5E8A8C	RGB 94 138 140	#5E8A8C
16.7%	16.7% #508485	RGB 80 132 133	#508485
33.3%	33.3% #437E7D	RGB 67 126 125	#437E7D
50.0%	50.0% #377774	RGB 55 119 116	#377774
66.7%	66.7% #2C706B	RGB 44 112 107	#2C706B
83.3%	83.3% #226962	RGB 34 105 98	#226962
100.0%	100.0% #196359	RGB 25 99 89	#196359

#5E8A8C #508485 #437E7D #377774 #2C706B #226962 #196359

#5E8A8C - #377774 - #196359

Codici CSS

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

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