#48403B - #BA5E64 | 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 #48403B a #BA5E64

#48403B #BA5E64

Calcola il colore tra due colori, #48403B e #BA5E64. 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)

#48403B - #BA5E64 | 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 #48403B come 0% e #BA5E64 come 100%.

0.0%	0.0% #48403B	RGB 72 64 59	#48403B
16.7%	16.7% #5B4541	RGB 91 69 65	#5B4541
33.3%	33.3% #6E4A48	RGB 110 74 72	#6E4A48
50.0%	50.0% #814F4F	RGB 129 79 79	#814F4F
66.7%	66.7% #945456	RGB 148 84 86	#945456
83.3%	83.3% #A7595D	RGB 167 89 93	#A7595D
100.0%	100.0% #BA5E64	RGB 186 94 100	#BA5E64

#48403B #5B4541 #6E4A48 #814F4F #945456 #A7595D #BA5E64

#48403B - #BA5E64

Miscela HSV

#48403B - #BA5E64 | 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 #48403B come 0% e #BA5E64 come 100%.

0.0%	0.0% #48403B	RGB 72 64 59	#48403B
16.7%	16.7% #5B4C45	RGB 91 76 69	#5B4C45
33.3%	33.3% #6E554E	RGB 110 85 78	#6E554E
50.0%	50.0% #815C55	RGB 129 92 85	#815C55
66.7%	66.7% #945F5A	RGB 148 95 90	#945F5A
83.3%	83.3% #A75D5D	RGB 167 93 93	#A75D5D
100.0%	100.0% #BA5E64	RGB 186 94 100	#BA5E64

#48403B #5B4C45 #6E554E #815C55 #945F5A #A75D5D #BA5E64

#48403B - #815C55 - #BA5E64

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48403B 0%, #815C55 50%, #BA5E64 100%);
    background: -webkit-linear-gradient(top, #48403B 0%, #815C55 50%, #BA5E64 100%);
    background: linear-gradient(to bottom, #48403B 0%, #815C55 50%, #BA5E64 100%);
}
</style>