#367060 - #07412B | 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 #367060 a #07412B

#367060 #07412B

Calcola il colore tra due colori, #367060 e #07412B. 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)

#367060 - #07412B | 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 #367060 come 0% e #07412B come 100%.

0.0%	0.0% #367060	RGB 54 112 96	#367060
16.7%	16.7% #2E6857	RGB 46 104 87	#2E6857
33.3%	33.3% #26604E	RGB 38 96 78	#26604E
50.0%	50.0% #1E5845	RGB 30 88 69	#1E5845
66.7%	66.7% #16503C	RGB 22 80 60	#16503C
83.3%	83.3% #0E4833	RGB 14 72 51	#0E4833
100.0%	100.0% #07412B	RGB 7 65 43	#07412B

#367060 #2E6857 #26604E #1E5845 #16503C #0E4833 #07412B

#367060 - #07412B

Miscela HSV

#367060 - #07412B | 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 #367060 come 0% e #07412B come 100%.

0.0%	0.0% #367060	RGB 54 112 96	#367060
16.7%	16.7% #2B6856	RGB 43 104 86	#2B6856
33.3%	33.3% #22604D	RGB 34 96 77	#22604D
50.0%	50.0% #1A5844	RGB 26 88 68	#1A5844
66.7%	66.7% #12503B	RGB 18 80 59	#12503B
83.3%	83.3% #0C4832	RGB 12 72 50	#0C4832
100.0%	100.0% #07412B	RGB 7 65 43	#07412B

#367060 #2B6856 #22604D #1A5844 #12503B #0C4832 #07412B

#367060 - #1A5844 - #07412B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #367060 0%, #1A5844 50%, #07412B 100%);
    background: -webkit-linear-gradient(top, #367060 0%, #1A5844 50%, #07412B 100%);
    background: linear-gradient(to bottom, #367060 0%, #1A5844 50%, #07412B 100%);
}
</style>