#2B5E40 - #063F14 | 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 #2B5E40 a #063F14

#2B5E40 #063F14

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

#2B5E40 - #063F14 | 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 #2B5E40 come 0% e #063F14 come 100%.

0.0%	0.0% #2B5E40	RGB 43 94 64	#2B5E40
16.7%	16.7% #245838	RGB 36 88 56	#245838
33.3%	33.3% #1E5331	RGB 30 83 49	#1E5331
50.0%	50.0% #184E2A	RGB 24 78 42	#184E2A
66.7%	66.7% #124922	RGB 18 73 34	#124922
83.3%	83.3% #0C441B	RGB 12 68 27	#0C441B
100.0%	100.0% #063F14	RGB 6 63 20	#063F14

#2B5E40 #245838 #1E5331 #184E2A #124922 #0C441B #063F14

#2B5E40 - #063F14

Miscela HSV

#2B5E40 - #063F14 | 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 #2B5E40 come 0% e #063F14 come 100%.

0.0%	0.0% #2B5E40	RGB 43 94 64	#2B5E40
16.7%	16.7% #235837	RGB 35 88 55	#235837
33.3%	33.3% #1C532F	RGB 28 83 47	#1C532F
50.0%	50.0% #154E28	RGB 21 78 40	#154E28
66.7%	66.7% #0F4921	RGB 15 73 33	#0F4921
83.3%	83.3% #0A441A	RGB 10 68 26	#0A441A
100.0%	100.0% #063F14	RGB 6 63 20	#063F14

#2B5E40 #235837 #1C532F #154E28 #0F4921 #0A441A #063F14

#2B5E40 - #154E28 - #063F14

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E40 0%, #154E28 50%, #063F14 100%);
    background: -webkit-linear-gradient(top, #2B5E40 0%, #154E28 50%, #063F14 100%);
    background: linear-gradient(to bottom, #2B5E40 0%, #154E28 50%, #063F14 100%);
}
</style>