#009600 - #034A07 | 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 #009600 a #034A07

#009600 #034A07

Calcola il colore tra due colori, #009600 e #034A07. 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)

#009600 - #034A07 | 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 #009600 come 0% e #034A07 come 100%.

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #008901	RGB 0 137 1	#008901
33.3%	33.3% #017C02	RGB 1 124 2	#017C02
50.0%	50.0% #017003	RGB 1 112 3	#017003
66.7%	66.7% #026304	RGB 2 99 4	#026304
83.3%	83.3% #025605	RGB 2 86 5	#025605
100.0%	100.0% #034A07	RGB 3 74 7	#034A07

#009600 #008901 #017C02 #017003 #026304 #025605 #034A07

#009600 - #034A07

Miscela HSV

#009600 - #034A07 | 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 #009600 come 0% e #034A07 come 100%.

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #008902	RGB 0 137 2	#008902
33.3%	33.3% #017C03	RGB 1 124 3	#017C03
50.0%	50.0% #027005	RGB 2 112 5	#027005
66.7%	66.7% #026306	RGB 2 99 6	#026306
83.3%	83.3% #025606	RGB 2 86 6	#025606
100.0%	100.0% #034A07	RGB 3 74 7	#034A07

#009600 #008902 #017C03 #027005 #026306 #025606 #034A07

#009600 - #027005 - #034A07

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009600 0%, #027005 50%, #034A07 100%);
    background: -webkit-linear-gradient(top, #009600 0%, #027005 50%, #034A07 100%);
    background: linear-gradient(to bottom, #009600 0%, #027005 50%, #034A07 100%);
}
</style>