#411F1F - #985C4A | 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 #411F1F a #985C4A

#411F1F #985C4A

Calcola il colore tra due colori, #411F1F e #985C4A. 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)

#411F1F - #985C4A | 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 #411F1F come 0% e #985C4A come 100%.

0.0%	0.0% #411F1F	RGB 65 31 31	#411F1F
16.7%	16.7% #4F2926	RGB 79 41 38	#4F2926
33.3%	33.3% #5E332D	RGB 94 51 45	#5E332D
50.0%	50.0% #6C3D34	RGB 108 61 52	#6C3D34
66.7%	66.7% #7B473B	RGB 123 71 59	#7B473B
83.3%	83.3% #895142	RGB 137 81 66	#895142
100.0%	100.0% #985C4A	RGB 152 92 74	#985C4A

#411F1F #4F2926 #5E332D #6C3D34 #7B473B #895142 #985C4A

#411F1F - #985C4A

Miscela HSV

#411F1F - #985C4A | 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 #411F1F come 0% e #985C4A come 100%.

0.0%	0.0% #411F1F	RGB 65 31 31	#411F1F
16.7%	16.7% #4F2726	RGB 79 39 38	#4F2726
33.3%	33.3% #5E302D	RGB 94 48 45	#5E302D
50.0%	50.0% #6C3A34	RGB 108 58 52	#6C3A34
66.7%	66.7% #7B453B	RGB 123 69 59	#7B453B
83.3%	83.3% #895042	RGB 137 80 66	#895042
100.0%	100.0% #985C4A	RGB 152 92 74	#985C4A

#411F1F #4F2726 #5E302D #6C3A34 #7B453B #895042 #985C4A

#411F1F - #6C3A34 - #985C4A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411F1F 0%, #6C3A34 50%, #985C4A 100%);
    background: -webkit-linear-gradient(top, #411F1F 0%, #6C3A34 50%, #985C4A 100%);
    background: linear-gradient(to bottom, #411F1F 0%, #6C3A34 50%, #985C4A 100%);
}
</style>