#214D14 - #8D9C44 | 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 #214D14 a #8D9C44

#214D14 #8D9C44

Calcola il colore tra due colori, #214D14 e #8D9C44. 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)

#214D14 - #8D9C44 | 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 #214D14 come 0% e #8D9C44 come 100%.

0.0%	0.0% #214D14	RGB 33 77 20	#214D14
16.7%	16.7% #335A1C	RGB 51 90 28	#335A1C
33.3%	33.3% #456724	RGB 69 103 36	#456724
50.0%	50.0% #57742C	RGB 87 116 44	#57742C
66.7%	66.7% #698134	RGB 105 129 52	#698134
83.3%	83.3% #7B8E3C	RGB 123 142 60	#7B8E3C
100.0%	100.0% #8D9C44	RGB 141 156 68	#8D9C44

#214D14 #335A1C #456724 #57742C #698134 #7B8E3C #8D9C44

#214D14 - #8D9C44

Miscela HSV

#214D14 - #8D9C44 | 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 #214D14 come 0% e #8D9C44 come 100%.

0.0%	0.0% #204D13	RGB 32 77 19	#204D13
16.7%	16.7% #2F5A1A	RGB 47 90 26	#2F5A1A
33.3%	33.3% #3F6720	RGB 63 103 32	#3F6720
50.0%	50.0% #507428	RGB 80 116 40	#507428
66.7%	66.7% #638130	RGB 99 129 48	#638130
83.3%	83.3% #778E3A	RGB 119 142 58	#778E3A
100.0%	100.0% #8D9C44	RGB 141 156 68	#8D9C44

#204D13 #2F5A1A #3F6720 #507428 #638130 #778E3A #8D9C44

#214D14 - #507428 - #8D9C44

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #204D13 0%, #507428 50%, #8D9C44 100%);
    background: -webkit-linear-gradient(top, #204D13 0%, #507428 50%, #8D9C44 100%);
    background: linear-gradient(to bottom, #204D13 0%, #507428 50%, #8D9C44 100%);
}
</style>