#4EB664 - #16331C | 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 #4EB664 a #16331C

#4EB664 #16331C

Calcola il colore tra due colori, #4EB664 e #16331C. 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)

#4EB664 - #16331C | 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 #4EB664 come 0% e #16331C come 100%.

0.0%	0.0% #4EB664	RGB 78 182 100	#4EB664
16.7%	16.7% #44A058	RGB 68 160 88	#44A058
33.3%	33.3% #3B8A4C	RGB 59 138 76	#3B8A4C
50.0%	50.0% #327440	RGB 50 116 64	#327440
66.7%	66.7% #285E34	RGB 40 94 52	#285E34
83.3%	83.3% #1F4828	RGB 31 72 40	#1F4828
100.0%	100.0% #16331C	RGB 22 51 28	#16331C

#4EB664 #44A058 #3B8A4C #327440 #285E34 #1F4828 #16331C

#4EB664 - #16331C

Miscela HSV

#4EB664 - #16331C | 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 #4EB664 come 0% e #16331C come 100%.

0.0%	0.0% #4EB664	RGB 78 182 100	#4EB664
16.7%	16.7% #44A057	RGB 68 160 87	#44A057
33.3%	33.3% #3B8A4B	RGB 59 138 75	#3B8A4B
50.0%	50.0% #32743F	RGB 50 116 63	#32743F
66.7%	66.7% #285E33	RGB 40 94 51	#285E33
83.3%	83.3% #1F4827	RGB 31 72 39	#1F4827
100.0%	100.0% #16331C	RGB 22 51 28	#16331C

#4EB664 #44A057 #3B8A4B #32743F #285E33 #1F4827 #16331C

#4EB664 - #32743F - #16331C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EB664 0%, #32743F 50%, #16331C 100%);
    background: -webkit-linear-gradient(top, #4EB664 0%, #32743F 50%, #16331C 100%);
    background: linear-gradient(to bottom, #4EB664 0%, #32743F 50%, #16331C 100%);
}
</style>