#222022 - #525754 | 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 #222022 a #525754

#222022 #525754

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

#222022 - #525754 | 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 #222022 come 0% e #525754 come 100%.

0.0%	0.0% #222022	RGB 34 32 34	#222022
16.7%	16.7% #2A292A	RGB 42 41 42	#2A292A
33.3%	33.3% #323232	RGB 50 50 50	#323232
50.0%	50.0% #3A3B3B	RGB 58 59 59	#3A3B3B
66.7%	66.7% #424443	RGB 66 68 67	#424443
83.3%	83.3% #4A4D4B	RGB 74 77 75	#4A4D4B
100.0%	100.0% #525754	RGB 82 87 84	#525754

#222022 #2A292A #323232 #3A3B3B #424443 #4A4D4B #525754

#222022 - #525754

Miscela HSV

#222022 - #525754 | 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 #222022 come 0% e #525754 come 100%.

0.0%	0.0% #222022	RGB 34 32 34	#222022
16.7%	16.7% #29282A	RGB 41 40 42	#29282A
33.3%	33.3% #313033	RGB 49 48 51	#313033
50.0%	50.0% #383A3C	RGB 56 58 60	#383A3C
66.7%	66.7% #414445	RGB 65 68 69	#414445
83.3%	83.3% #494E4D	RGB 73 78 77	#494E4D
100.0%	100.0% #525754	RGB 82 87 84	#525754

#222022 #29282A #313033 #383A3C #414445 #494E4D #525754

#222022 - #383A3C - #525754

Codici CSS

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

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