#50AF9A - #097B5E | 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 #50AF9A a #097B5E

#50AF9A #097B5E

Calcola il colore tra due colori, #50AF9A e #097B5E. 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)

#50AF9A - #097B5E | 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 #50AF9A come 0% e #097B5E come 100%.

0.0%	0.0% #50AF9A	RGB 80 175 154	#50AF9A
16.7%	16.7% #44A690	RGB 68 166 144	#44A690
33.3%	33.3% #389D86	RGB 56 157 134	#389D86
50.0%	50.0% #2C957C	RGB 44 149 124	#2C957C
66.7%	66.7% #208C72	RGB 32 140 114	#208C72
83.3%	83.3% #148368	RGB 20 131 104	#148368
100.0%	100.0% #097B5E	RGB 9 123 94	#097B5E

#50AF9A #44A690 #389D86 #2C957C #208C72 #148368 #097B5E

#50AF9A - #097B5E

Miscela HSV

#50AF9A - #097B5E | 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 #50AF9A come 0% e #097B5E come 100%.

0.0%	0.0% #50AF9A	RGB 80 175 154	#50AF9A
16.7%	16.7% #41A68F	RGB 65 166 143	#41A68F
33.3%	33.3% #339D85	RGB 51 157 133	#339D85
50.0%	50.0% #27957A	RGB 39 149 122	#27957A
66.7%	66.7% #1C8C71	RGB 28 140 113	#1C8C71
83.3%	83.3% #128367	RGB 18 131 103	#128367
100.0%	100.0% #097B5E	RGB 9 123 94	#097B5E

#50AF9A #41A68F #339D85 #27957A #1C8C71 #128367 #097B5E

#50AF9A - #27957A - #097B5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50AF9A 0%, #27957A 50%, #097B5E 100%);
    background: -webkit-linear-gradient(top, #50AF9A 0%, #27957A 50%, #097B5E 100%);
    background: linear-gradient(to bottom, #50AF9A 0%, #27957A 50%, #097B5E 100%);
}
</style>