#2B5C5E - #043430 | 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 #2B5C5E a #043430

#2B5C5E #043430

Calcola il colore tra due colori, #2B5C5E e #043430. 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)

#2B5C5E - #043430 | 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 #2B5C5E come 0% e #043430 come 100%.

0.0%	0.0% #2B5C5E	RGB 43 92 94	#2B5C5E
16.7%	16.7% #245556	RGB 36 85 86	#245556
33.3%	33.3% #1E4E4E	RGB 30 78 78	#1E4E4E
50.0%	50.0% #174847	RGB 23 72 71	#174847
66.7%	66.7% #10413F	RGB 16 65 63	#10413F
83.3%	83.3% #0A3A37	RGB 10 58 55	#0A3A37
100.0%	100.0% #043430	RGB 4 52 48	#043430

#2B5C5E #245556 #1E4E4E #174847 #10413F #0A3A37 #043430

#2B5C5E - #043430

Miscela HSV

#2B5C5E - #043430 | 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 #2B5C5E come 0% e #043430 come 100%.

0.0%	0.0% #2B5C5E	RGB 43 92 94	#2B5C5E
16.7%	16.7% #225657	RGB 34 86 87	#225657
33.3%	33.3% #1A504F	RGB 26 80 79	#1A504F
50.0%	50.0% #134947	RGB 19 73 71	#134947
66.7%	66.7% #0D423F	RGB 13 66 63	#0D423F
83.3%	83.3% #083B37	RGB 8 59 55	#083B37
100.0%	100.0% #043430	RGB 4 52 48	#043430

#2B5C5E #225657 #1A504F #134947 #0D423F #083B37 #043430

#2B5C5E - #134947 - #043430

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5C5E 0%, #134947 50%, #043430 100%);
    background: -webkit-linear-gradient(top, #2B5C5E 0%, #134947 50%, #043430 100%);
    background: linear-gradient(to bottom, #2B5C5E 0%, #134947 50%, #043430 100%);
}
</style>