#2B5E30 - #043404 | 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 #2B5E30 a #043404

#2B5E30 #043404

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

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

0.0%	0.0% #2B5E30	RGB 43 94 48	#2B5E30
16.7%	16.7% #245728	RGB 36 87 40	#245728
33.3%	33.3% #1E5021	RGB 30 80 33	#1E5021
50.0%	50.0% #17491A	RGB 23 73 26	#17491A
66.7%	66.7% #104212	RGB 16 66 18	#104212
83.3%	83.3% #0A3B0B	RGB 10 59 11	#0A3B0B
100.0%	100.0% #043404	RGB 4 52 4	#043404

#2B5E30 #245728 #1E5021 #17491A #104212 #0A3B0B #043404

#2B5E30 - #043404

Miscela HSV

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

0.0%	0.0% #2B5E30	RGB 43 94 48	#2B5E30
16.7%	16.7% #225726	RGB 34 87 38	#225726
33.3%	33.3% #1A501D	RGB 26 80 29	#1A501D
50.0%	50.0% #134916	RGB 19 73 22	#134916
66.7%	66.7% #0D420F	RGB 13 66 15	#0D420F
83.3%	83.3% #083B09	RGB 8 59 9	#083B09
100.0%	100.0% #043404	RGB 4 52 4	#043404

#2B5E30 #225726 #1A501D #134916 #0D420F #083B09 #043404

#2B5E30 - #134916 - #043404

Codici CSS

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

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