#9B5E5E - #792417 | 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 #9B5E5E a #792417

#9B5E5E #792417

Calcola il colore tra due colori, #9B5E5E e #792417. 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)

#9B5E5E - #792417 | 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 #9B5E5E come 0% e #792417 come 100%.

0.0%	0.0% #9B5E5E	RGB 155 94 94	#9B5E5E
16.7%	16.7% #955452	RGB 149 84 82	#955452
33.3%	33.3% #8F4A46	RGB 143 74 70	#8F4A46
50.0%	50.0% #8A413A	RGB 138 65 58	#8A413A
66.7%	66.7% #84372E	RGB 132 55 46	#84372E
83.3%	83.3% #7E2D22	RGB 126 45 34	#7E2D22
100.0%	100.0% #792417	RGB 121 36 23	#792417

#9B5E5E #955452 #8F4A46 #8A413A #84372E #7E2D22 #792417

#9B5E5E - #792417

Miscela HSV

#9B5E5E - #792417 | 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 #9B5E5E come 0% e #792417 come 100%.

0.0%	0.0% #9B5E5E	RGB 155 94 94	#9B5E5E
16.7%	16.7% #955150	RGB 149 81 80	#955150
33.3%	33.3% #8F4643	RGB 143 70 67	#8F4643
50.0%	50.0% #8A3C36	RGB 138 60 54	#8A3C36
66.7%	66.7% #84332B	RGB 132 51 43	#84332B
83.3%	83.3% #7E2B20	RGB 126 43 32	#7E2B20
100.0%	100.0% #792417	RGB 121 36 23	#792417

#9B5E5E #955150 #8F4643 #8A3C36 #84332B #7E2B20 #792417

#9B5E5E - #8A3C36 - #792417

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B5E5E 0%, #8A3C36 50%, #792417 100%);
    background: -webkit-linear-gradient(top, #9B5E5E 0%, #8A3C36 50%, #792417 100%);
    background: linear-gradient(to bottom, #9B5E5E 0%, #8A3C36 50%, #792417 100%);
}
</style>