#2B5E47 - #003E18 | 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 #2B5E47 a #003E18

#2B5E47 #003E18

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

#2B5E47 - #003E18 | 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 #2B5E47 come 0% e #003E18 come 100%.

0.0%	0.0% #2B5E47	RGB 43 94 71	#2B5E47
16.7%	16.7% #23583F	RGB 35 88 63	#23583F
33.3%	33.3% #1C5337	RGB 28 83 55	#1C5337
50.0%	50.0% #154E2F	RGB 21 78 47	#154E2F
66.7%	66.7% #0E4827	RGB 14 72 39	#0E4827
83.3%	83.3% #07431F	RGB 7 67 31	#07431F
100.0%	100.0% #003E18	RGB 0 62 24	#003E18

#2B5E47 #23583F #1C5337 #154E2F #0E4827 #07431F #003E18

#2B5E47 - #003E18

Miscela HSV

#2B5E47 - #003E18 | 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 #2B5E47 come 0% e #003E18 come 100%.

0.0%	0.0% #2B5E47	RGB 43 94 71	#2B5E47
16.7%	16.7% #21583E	RGB 33 88 62	#21583E
33.3%	33.3% #195336	RGB 25 83 54	#195336
50.0%	50.0% #114E2D	RGB 17 78 45	#114E2D
66.7%	66.7% #0B4826	RGB 11 72 38	#0B4826
83.3%	83.3% #05431E	RGB 5 67 30	#05431E
100.0%	100.0% #003E18	RGB 0 62 24	#003E18

#2B5E47 #21583E #195336 #114E2D #0B4826 #05431E #003E18

#2B5E47 - #114E2D - #003E18

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E47 0%, #114E2D 50%, #003E18 100%);
    background: -webkit-linear-gradient(top, #2B5E47 0%, #114E2D 50%, #003E18 100%);
    background: linear-gradient(to bottom, #2B5E47 0%, #114E2D 50%, #003E18 100%);
}
</style>