#7B5E18 - #4D2F08 | 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 #7B5E18 a #4D2F08

#7B5E18 #4D2F08

Calcola il colore tra due colori, #7B5E18 e #4D2F08. 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)

#7B5E18 - #4D2F08 | 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 #7B5E18 come 0% e #4D2F08 come 100%.

0.0%	0.0% #7B5E18	RGB 123 94 24	#7B5E18
16.7%	16.7% #735615	RGB 115 86 21	#735615
33.3%	33.3% #6B4E12	RGB 107 78 18	#6B4E12
50.0%	50.0% #644610	RGB 100 70 16	#644610
66.7%	66.7% #5C3E0D	RGB 92 62 13	#5C3E0D
83.3%	83.3% #54360A	RGB 84 54 10	#54360A
100.0%	100.0% #4D2F08	RGB 77 47 8	#4D2F08

#7B5E18 #735615 #6B4E12 #644610 #5C3E0D #54360A #4D2F08

#7B5E18 - #4D2F08

Miscela HSV

#7B5E18 - #4D2F08 | 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 #7B5E18 come 0% e #4D2F08 come 100%.

0.0%	0.0% #7B5E18	RGB 123 94 24	#7B5E18
16.7%	16.7% #735514	RGB 115 85 20	#735514
33.3%	33.3% #6B4D11	RGB 107 77 17	#6B4D11
50.0%	50.0% #64450E	RGB 100 69 14	#64450E
66.7%	66.7% #5C3D0C	RGB 92 61 12	#5C3D0C
83.3%	83.3% #54360A	RGB 84 54 10	#54360A
100.0%	100.0% #4D2F08	RGB 77 47 8	#4D2F08

#7B5E18 #735514 #6B4D11 #64450E #5C3D0C #54360A #4D2F08

#7B5E18 - #64450E - #4D2F08

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E18 0%, #64450E 50%, #4D2F08 100%);
    background: -webkit-linear-gradient(top, #7B5E18 0%, #64450E 50%, #4D2F08 100%);
    background: linear-gradient(to bottom, #7B5E18 0%, #64450E 50%, #4D2F08 100%);
}
</style>