#005502 - #80AF5E | 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 #005502 a #80AF5E

#005502 #80AF5E

Calcola il colore tra due colori, #005502 e #80AF5E. 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)

#005502 - #80AF5E | 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 #005502 come 0% e #80AF5E come 100%.

0.0%	0.0% #005502	RGB 0 85 2	#005502
16.7%	16.7% #156411	RGB 21 100 17	#156411
33.3%	33.3% #2A7320	RGB 42 115 32	#2A7320
50.0%	50.0% #408230	RGB 64 130 48	#408230
66.7%	66.7% #55913F	RGB 85 145 63	#55913F
83.3%	83.3% #6AA04E	RGB 106 160 78	#6AA04E
100.0%	100.0% #80AF5E	RGB 128 175 94	#80AF5E

#005502 #156411 #2A7320 #408230 #55913F #6AA04E #80AF5E

#005502 - #80AF5E

Miscela HSV

#005502 - #80AF5E | 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 #005502 come 0% e #80AF5E come 100%.

0.0%	0.0% #005502	RGB 0 85 2	#005502
16.7%	16.7% #0D6408	RGB 13 100 8	#0D6408
33.3%	33.3% #207314	RGB 32 115 20	#207314
50.0%	50.0% #358222	RGB 53 130 34	#358222
66.7%	66.7% #4D9133	RGB 77 145 51	#4D9133
83.3%	83.3% #66A047	RGB 102 160 71	#66A047
100.0%	100.0% #80AF5E	RGB 128 175 94	#80AF5E

#005502 #0D6408 #207314 #358222 #4D9133 #66A047 #80AF5E

#005502 - #358222 - #80AF5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005502 0%, #358222 50%, #80AF5E 100%);
    background: -webkit-linear-gradient(top, #005502 0%, #358222 50%, #80AF5E 100%);
    background: linear-gradient(to bottom, #005502 0%, #358222 50%, #80AF5E 100%);
}
</style>