#7B5E60 - #4F1318 | 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 #7B5E60 a #4F1318

#7B5E60 #4F1318

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

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

0.0%	0.0% #7B5E60	RGB 123 94 96	#7B5E60
16.7%	16.7% #735154	RGB 115 81 84	#735154
33.3%	33.3% #6C4548	RGB 108 69 72	#6C4548
50.0%	50.0% #65383C	RGB 101 56 60	#65383C
66.7%	66.7% #5D2C30	RGB 93 44 48	#5D2C30
83.3%	83.3% #561F24	RGB 86 31 36	#561F24
100.0%	100.0% #4F1318	RGB 79 19 24	#4F1318

#7B5E60 #735154 #6C4548 #65383C #5D2C30 #561F24 #4F1318

#7B5E60 - #4F1318

Miscela HSV

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

0.0%	0.0% #7B5E60	RGB 123 94 96	#7B5E60
16.7%	16.7% #734E50	RGB 115 78 80	#734E50
33.3%	33.3% #6C3F43	RGB 108 63 67	#6C3F43
50.0%	50.0% #653236	RGB 101 50 54	#653236
66.7%	66.7% #5D262B	RGB 93 38 43	#5D262B
83.3%	83.3% #561C20	RGB 86 28 32	#561C20
100.0%	100.0% #4F1318	RGB 79 19 24	#4F1318

#7B5E60 #734E50 #6C3F43 #653236 #5D262B #561C20 #4F1318

#7B5E60 - #653236 - #4F1318

Codici CSS

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

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