#222422 - #5E614B | 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 #5E614B

#222422 #5E614B

Calcola il colore tra due colori, #222422 e #5E614B. 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 - #5E614B | 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 #5E614B come 100%.

0.0%	0.0% #222422	RGB 34 36 34	#222422
16.7%	16.7% #2C2E28	RGB 44 46 40	#2C2E28
33.3%	33.3% #36382F	RGB 54 56 47	#36382F
50.0%	50.0% #404236	RGB 64 66 54	#404236
66.7%	66.7% #4A4C3D	RGB 74 76 61	#4A4C3D
83.3%	83.3% #545644	RGB 84 86 68	#545644
100.0%	100.0% #5E614B	RGB 94 97 75	#5E614B

#222422 #2C2E28 #36382F #404236 #4A4C3D #545644 #5E614B

#222422 - #5E614B

Miscela HSV

#222422 - #5E614B | 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 #5E614B come 100%.

0.0%	0.0% #222422	RGB 34 36 34	#222422
16.7%	16.7% #2A2E2A	RGB 42 46 42	#2A2E2A
33.3%	33.3% #333831	RGB 51 56 49	#333831
50.0%	50.0% #3D4239	RGB 61 66 57	#3D4239
66.7%	66.7% #474C3F	RGB 71 76 63	#474C3F
83.3%	83.3% #525645	RGB 82 86 69	#525645
100.0%	100.0% #5E614B	RGB 94 97 75	#5E614B

#222422 #2A2E2A #333831 #3D4239 #474C3F #525645 #5E614B

#222422 - #3D4239 - #5E614B

Codici CSS

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

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