#7B5E4A - #231A15 | 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 #7B5E4A a #231A15

#7B5E4A #231A15

Calcola il colore tra due colori, #7B5E4A e #231A15. 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)

#7B5E4A - #231A15 | 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 #7B5E4A come 0% e #231A15 come 100%.

0.0%	0.0% #7B5E4A	RGB 123 94 74	#7B5E4A
16.7%	16.7% #6C5241	RGB 108 82 65	#6C5241
33.3%	33.3% #5D4738	RGB 93 71 56	#5D4738
50.0%	50.0% #4F3C2F	RGB 79 60 47	#4F3C2F
66.7%	66.7% #403026	RGB 64 48 38	#403026
83.3%	83.3% #31251D	RGB 49 37 29	#31251D
100.0%	100.0% #231A15	RGB 35 26 21	#231A15

#7B5E4A #6C5241 #5D4738 #4F3C2F #403026 #31251D #231A15

#7B5E4A - #231A15

Miscela HSV

#7B5E4A - #231A15 | 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 #7B5E4A come 0% e #231A15 come 100%.

0.0%	0.0% #7B5E4A	RGB 123 94 74	#7B5E4A
16.7%	16.7% #6C5241	RGB 108 82 65	#6C5241
33.3%	33.3% #5D4638	RGB 93 70 56	#5D4638
50.0%	50.0% #4F3B2F	RGB 79 59 47	#4F3B2F
66.7%	66.7% #403026	RGB 64 48 38	#403026
83.3%	83.3% #31251D	RGB 49 37 29	#31251D
100.0%	100.0% #231A15	RGB 35 26 21	#231A15

#7B5E4A #6C5241 #5D4638 #4F3B2F #403026 #31251D #231A15

#7B5E4A - #4F3B2F - #231A15

Codici CSS

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

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