#201611 - #664F41 | 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 #201611 a #664F41

#201611 #664F41

Calcola il colore tra due colori, #201611 e #664F41. 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)

#201611 - #664F41 | 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 #201611 come 0% e #664F41 come 100%.

0.0%	0.0% #201611	RGB 32 22 17	#201611
16.7%	16.7% #2B1F19	RGB 43 31 25	#2B1F19
33.3%	33.3% #372921	RGB 55 41 33	#372921
50.0%	50.0% #433229	RGB 67 50 41	#433229
66.7%	66.7% #4E3C31	RGB 78 60 49	#4E3C31
83.3%	83.3% #5A4539	RGB 90 69 57	#5A4539
100.0%	100.0% #664F41	RGB 102 79 65	#664F41

#201611 #2B1F19 #372921 #433229 #4E3C31 #5A4539 #664F41

#201611 - #664F41

Miscela HSV

#201611 - #664F41 | 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 #201611 come 0% e #664F41 come 100%.

0.0%	0.0% #201611	RGB 32 22 17	#201611
16.7%	16.7% #2B1E17	RGB 43 30 23	#2B1E17
33.3%	33.3% #37271F	RGB 55 39 31	#37271F
50.0%	50.0% #433127	RGB 67 49 39	#433127
66.7%	66.7% #4E3A2F	RGB 78 58 47	#4E3A2F
83.3%	83.3% #5A4437	RGB 90 68 55	#5A4437
100.0%	100.0% #664F41	RGB 102 79 65	#664F41

#201611 #2B1E17 #37271F #433127 #4E3A2F #5A4437 #664F41

#201611 - #433127 - #664F41

Codici CSS

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

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