#201F01 - #4E5E10 | 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 #201F01 a #4E5E10

#201F01 #4E5E10

Calcola il colore tra due colori, #201F01 e #4E5E10. 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)

#201F01 - #4E5E10 | 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 #201F01 come 0% e #4E5E10 come 100%.

0.0%	0.0% #201F01	RGB 32 31 1	#201F01
16.7%	16.7% #272903	RGB 39 41 3	#272903
33.3%	33.3% #2F3406	RGB 47 52 6	#2F3406
50.0%	50.0% #373E08	RGB 55 62 8	#373E08
66.7%	66.7% #3E490B	RGB 62 73 11	#3E490B
83.3%	83.3% #46530D	RGB 70 83 13	#46530D
100.0%	100.0% #4E5E10	RGB 78 94 16	#4E5E10

#201F01 #272903 #2F3406 #373E08 #3E490B #46530D #4E5E10

#201F01 - #4E5E10

Miscela HSV

#201F01 - #4E5E10 | 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 #201F01 come 0% e #4E5E10 come 100%.

0.0%	0.0% #201F01	RGB 32 31 1	#201F01
16.7%	16.7% #2A2A02	RGB 42 42 2	#2A2A02
33.3%	33.3% #323404	RGB 50 52 4	#323404
50.0%	50.0% #3A3F06	RGB 58 63 6	#3A3F06
66.7%	66.7% #414909	RGB 65 73 9	#414909
83.3%	83.3% #47530C	RGB 71 83 12	#47530C
100.0%	100.0% #4E5E10	RGB 78 94 16	#4E5E10

#201F01 #2A2A02 #323404 #3A3F06 #414909 #47530C #4E5E10

#201F01 - #3A3F06 - #4E5E10

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201F01 0%, #3A3F06 50%, #4E5E10 100%);
    background: -webkit-linear-gradient(top, #201F01 0%, #3A3F06 50%, #4E5E10 100%);
    background: linear-gradient(to bottom, #201F01 0%, #3A3F06 50%, #4E5E10 100%);
}
</style>