#202D26 - #5D5E5B | 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 #202D26 a #5D5E5B

#202D26 #5D5E5B

Calcola il colore tra due colori, #202D26 e #5D5E5B. 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)

#202D26 - #5D5E5B | 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 #202D26 come 0% e #5D5E5B come 100%.

0.0%	0.0% #202D26	RGB 32 45 38	#202D26
16.7%	16.7% #2A352E	RGB 42 53 46	#2A352E
33.3%	33.3% #343D37	RGB 52 61 55	#343D37
50.0%	50.0% #3E4540	RGB 62 69 64	#3E4540
66.7%	66.7% #484D49	RGB 72 77 73	#484D49
83.3%	83.3% #525552	RGB 82 85 82	#525552
100.0%	100.0% #5D5E5B	RGB 93 94 91	#5D5E5B

#202D26 #2A352E #343D37 #3E4540 #484D49 #525552 #5D5E5B

#202D26 - #5D5E5B

Miscela HSV

#202D26 - #5D5E5B | 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 #202D26 come 0% e #5D5E5B come 100%.

0.0%	0.0% #202D26	RGB 32 45 38	#202D26
16.7%	16.7% #28352B	RGB 40 53 43	#28352B
33.3%	33.3% #303D31	RGB 48 61 49	#303D31
50.0%	50.0% #3B453A	RGB 59 69 58	#3B453A
66.7%	66.7% #474D44	RGB 71 77 68	#474D44
83.3%	83.3% #52554F	RGB 82 85 79	#52554F
100.0%	100.0% #5D5E5B	RGB 93 94 91	#5D5E5B

#202D26 #28352B #303D31 #3B453A #474D44 #52554F #5D5E5B

#202D26 - #3B453A - #5D5E5B

Codici CSS

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

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