#222422 - #002800 | 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 #222422 a #002800

#222422 #002800

Calcola il colore tra due colori, #222422 e #002800. 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)

#222422 - #002800 | 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 #222422 come 0% e #002800 come 100%.

0.0%	0.0% #222422	RGB 34 36 34	#222422
16.7%	16.7% #1C241C	RGB 28 36 28	#1C241C
33.3%	33.3% #162516	RGB 22 37 22	#162516
50.0%	50.0% #112611	RGB 17 38 17	#112611
66.7%	66.7% #0B260B	RGB 11 38 11	#0B260B
83.3%	83.3% #052705	RGB 5 39 5	#052705
100.0%	100.0% #002800	RGB 0 40 0	#002800

#222422 #1C241C #162516 #112611 #0B260B #052705 #002800

#222422 - #002800

Miscela HSV

#222422 - #002800 | 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 #222422 come 0% e #002800 come 100%.

0.0%	0.0% #222422	RGB 34 36 34	#222422
16.7%	16.7% #1C241C	RGB 28 36 28	#1C241C
33.3%	33.3% #172517	RGB 23 37 23	#172517
50.0%	50.0% #112611	RGB 17 38 17	#112611
66.7%	66.7% #0C260C	RGB 12 38 12	#0C260C
83.3%	83.3% #062706	RGB 6 39 6	#062706
100.0%	100.0% #002800	RGB 0 40 0	#002800

#222422 #1C241C #172517 #112611 #0C260C #062706 #002800

#222422 - #112611 - #002800

Codici CSS

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

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